Graph.test.tsx.snap 25 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972
  1. // Jest Snapshot v1, https://goo.gl/fbAQLP
  2. exports[`Render should render component 1`] = `
  3. <div>
  4. <div
  5. className="panel-container"
  6. >
  7. <div
  8. className="explore-graph"
  9. id="graph"
  10. style={
  11. Object {
  12. "height": "100px",
  13. }
  14. }
  15. />
  16. <Legend
  17. data={
  18. Array [
  19. Object {
  20. "metric": Object {
  21. "__name__": "prometheus_http_request_duration_seconds_bucket",
  22. "handler": "/label/:name/values",
  23. "instance": "localhost:9090",
  24. "job": "prometheus",
  25. "le": "+Inf",
  26. },
  27. "values": Array [
  28. Array [
  29. 1537858100,
  30. "16",
  31. ],
  32. Array [
  33. 1537861960,
  34. "1",
  35. ],
  36. Array [
  37. 1537861980,
  38. "1",
  39. ],
  40. ],
  41. },
  42. Object {
  43. "metric": Object {
  44. "__name__": "prometheus_http_request_duration_seconds_bucket",
  45. "handler": "/label/:name/values",
  46. "instance": "localhost:9090",
  47. "job": "prometheus",
  48. "le": "0.1",
  49. },
  50. "values": Array [
  51. Array [
  52. 1537858100,
  53. "16",
  54. ],
  55. Array [
  56. 1537861960,
  57. "1",
  58. ],
  59. Array [
  60. 1537861980,
  61. "1",
  62. ],
  63. ],
  64. },
  65. Object {
  66. "metric": Object {
  67. "__name__": "prometheus_http_request_duration_seconds_bucket",
  68. "handler": "/label/:name/values",
  69. "instance": "localhost:9090",
  70. "job": "prometheus",
  71. "le": "0.2",
  72. },
  73. "values": Array [
  74. Array [
  75. 1537858100,
  76. "16",
  77. ],
  78. Array [
  79. 1537861960,
  80. "1",
  81. ],
  82. Array [
  83. 1537861980,
  84. "1",
  85. ],
  86. ],
  87. },
  88. Object {
  89. "metric": Object {
  90. "__name__": "prometheus_http_request_duration_seconds_bucket",
  91. "handler": "/label/:name/values",
  92. "instance": "localhost:9090",
  93. "job": "prometheus",
  94. "le": "0.4",
  95. },
  96. "values": Array [
  97. Array [
  98. 1537858100,
  99. "16",
  100. ],
  101. Array [
  102. 1537861960,
  103. "1",
  104. ],
  105. Array [
  106. 1537861980,
  107. "1",
  108. ],
  109. ],
  110. },
  111. Object {
  112. "metric": Object {
  113. "__name__": "prometheus_http_request_duration_seconds_bucket",
  114. "handler": "/label/:name/values",
  115. "instance": "localhost:9090",
  116. "job": "prometheus",
  117. "le": "1",
  118. },
  119. "values": Array [
  120. Array [
  121. 1537858100,
  122. "16",
  123. ],
  124. Array [
  125. 1537861960,
  126. "1",
  127. ],
  128. Array [
  129. 1537861980,
  130. "1",
  131. ],
  132. ],
  133. },
  134. Object {
  135. "metric": Object {
  136. "__name__": "prometheus_http_request_duration_seconds_bucket",
  137. "handler": "/label/:name/values",
  138. "instance": "localhost:9090",
  139. "job": "prometheus",
  140. "le": "120",
  141. },
  142. "values": Array [
  143. Array [
  144. 1537858100,
  145. "16",
  146. ],
  147. Array [
  148. 1537861960,
  149. "1",
  150. ],
  151. Array [
  152. 1537861980,
  153. "1",
  154. ],
  155. ],
  156. },
  157. Object {
  158. "metric": Object {
  159. "__name__": "prometheus_http_request_duration_seconds_bucket",
  160. "handler": "/label/:name/values",
  161. "instance": "localhost:9090",
  162. "job": "prometheus",
  163. "le": "20",
  164. },
  165. "values": Array [
  166. Array [
  167. 1537858100,
  168. "16",
  169. ],
  170. Array [
  171. 1537861960,
  172. "1",
  173. ],
  174. Array [
  175. 1537861980,
  176. "1",
  177. ],
  178. ],
  179. },
  180. Object {
  181. "metric": Object {
  182. "__name__": "prometheus_http_request_duration_seconds_bucket",
  183. "handler": "/label/:name/values",
  184. "instance": "localhost:9090",
  185. "job": "prometheus",
  186. "le": "3",
  187. },
  188. "values": Array [
  189. Array [
  190. 1537858100,
  191. "16",
  192. ],
  193. Array [
  194. 1537861960,
  195. "1",
  196. ],
  197. Array [
  198. 1537861980,
  199. "1",
  200. ],
  201. ],
  202. },
  203. Object {
  204. "metric": Object {
  205. "__name__": "prometheus_http_request_duration_seconds_bucket",
  206. "handler": "/label/:name/values",
  207. "instance": "localhost:9090",
  208. "job": "prometheus",
  209. "le": "60",
  210. },
  211. "values": Array [
  212. Array [
  213. 1537858100,
  214. "16",
  215. ],
  216. Array [
  217. 1537861960,
  218. "1",
  219. ],
  220. Array [
  221. 1537861980,
  222. "1",
  223. ],
  224. ],
  225. },
  226. Object {
  227. "metric": Object {
  228. "__name__": "prometheus_http_request_duration_seconds_bucket",
  229. "handler": "/label/:name/values",
  230. "instance": "localhost:9090",
  231. "job": "prometheus",
  232. "le": "8",
  233. },
  234. "values": Array [
  235. Array [
  236. 1537858100,
  237. "16",
  238. ],
  239. Array [
  240. 1537861960,
  241. "1",
  242. ],
  243. Array [
  244. 1537861980,
  245. "1",
  246. ],
  247. ],
  248. },
  249. Object {
  250. "metric": Object {
  251. "__name__": "prometheus_http_request_duration_seconds_bucket",
  252. "handler": "/metrics",
  253. "instance": "localhost:9090",
  254. "job": "prometheus",
  255. "le": "+Inf",
  256. },
  257. "values": Array [
  258. Array [
  259. 1537858060,
  260. "1195",
  261. ],
  262. Array [
  263. 1537858080,
  264. "1195",
  265. ],
  266. Array [
  267. 1537858100,
  268. "1195",
  269. ],
  270. ],
  271. },
  272. Object {
  273. "metric": Object {
  274. "__name__": "prometheus_http_request_duration_seconds_bucket",
  275. "handler": "/metrics",
  276. "instance": "localhost:9090",
  277. "job": "prometheus",
  278. "le": "0.1",
  279. },
  280. "values": Array [
  281. Array [
  282. 1537858060,
  283. "1195",
  284. ],
  285. Array [
  286. 1537858080,
  287. "1195",
  288. ],
  289. Array [
  290. 1537858100,
  291. "1195",
  292. ],
  293. ],
  294. },
  295. Object {
  296. "metric": Object {
  297. "__name__": "prometheus_http_request_duration_seconds_bucket",
  298. "handler": "/metrics",
  299. "instance": "localhost:9090",
  300. "job": "prometheus",
  301. "le": "0.4",
  302. },
  303. "values": Array [
  304. Array [
  305. 1537858060,
  306. "1195",
  307. ],
  308. Array [
  309. 1537858080,
  310. "1195",
  311. ],
  312. Array [
  313. 1537858100,
  314. "1195",
  315. ],
  316. ],
  317. },
  318. Object {
  319. "metric": Object {
  320. "__name__": "prometheus_http_request_duration_seconds_bucket",
  321. "handler": "/metrics",
  322. "instance": "localhost:9090",
  323. "job": "prometheus",
  324. "le": "1",
  325. },
  326. "values": Array [
  327. Array [
  328. 1537847900,
  329. "953",
  330. ],
  331. Array [
  332. 1537858080,
  333. "1195",
  334. ],
  335. Array [
  336. 1537858100,
  337. "1195",
  338. ],
  339. ],
  340. },
  341. Object {
  342. "metric": Object {
  343. "__name__": "prometheus_http_request_duration_seconds_bucket",
  344. "handler": "/metrics",
  345. "instance": "localhost:9090",
  346. "job": "prometheus",
  347. "le": "120",
  348. },
  349. "values": Array [
  350. Array [
  351. 1537858060,
  352. "1195",
  353. ],
  354. Array [
  355. 1537858080,
  356. "1195",
  357. ],
  358. Array [
  359. 1537858100,
  360. "1195",
  361. ],
  362. ],
  363. },
  364. Object {
  365. "metric": Object {
  366. "__name__": "prometheus_http_request_duration_seconds_bucket",
  367. "handler": "/metrics",
  368. "instance": "localhost:9090",
  369. "job": "prometheus",
  370. "le": "20",
  371. },
  372. "values": Array [
  373. Array [
  374. 1537858060,
  375. "1195",
  376. ],
  377. Array [
  378. 1537858080,
  379. "1195",
  380. ],
  381. Array [
  382. 1537858100,
  383. "1195",
  384. ],
  385. ],
  386. },
  387. Object {
  388. "metric": Object {
  389. "__name__": "prometheus_http_request_duration_seconds_bucket",
  390. "handler": "/metrics",
  391. "instance": "localhost:9090",
  392. "job": "prometheus",
  393. "le": "3",
  394. },
  395. "values": Array [
  396. Array [
  397. 1537858060,
  398. "1195",
  399. ],
  400. Array [
  401. 1537858080,
  402. "1195",
  403. ],
  404. Array [
  405. 1537858100,
  406. "1195",
  407. ],
  408. ],
  409. },
  410. Object {
  411. "metric": Object {
  412. "__name__": "prometheus_http_request_duration_seconds_bucket",
  413. "handler": "/metrics",
  414. "instance": "localhost:9090",
  415. "job": "prometheus",
  416. "le": "60",
  417. },
  418. "values": Array [
  419. Array [
  420. 1537858060,
  421. "1195",
  422. ],
  423. Array [
  424. 1537858080,
  425. "1195",
  426. ],
  427. Array [
  428. 1537858100,
  429. "1195",
  430. ],
  431. ],
  432. },
  433. Object {
  434. "metric": Object {
  435. "__name__": "prometheus_http_request_duration_seconds_bucket",
  436. "handler": "/metrics",
  437. "instance": "localhost:9090",
  438. "job": "prometheus",
  439. "le": "8",
  440. },
  441. "values": Array [
  442. Array [
  443. 1537858060,
  444. "1195",
  445. ],
  446. Array [
  447. 1537858080,
  448. "1195",
  449. ],
  450. Array [
  451. 1537858100,
  452. "1195",
  453. ],
  454. ],
  455. },
  456. ]
  457. }
  458. />
  459. </div>
  460. </div>
  461. `;
  462. exports[`Render should render component with disclaimer 1`] = `
  463. <div>
  464. <div
  465. className="time-series-disclaimer"
  466. >
  467. <i
  468. className="fa fa-fw fa-warning disclaimer-icon"
  469. />
  470. Showing only 20 time series.
  471. <span
  472. className="show-all-time-series"
  473. onClick={[Function]}
  474. >
  475. Show all 27
  476. </span>
  477. </div>
  478. <div
  479. className="panel-container"
  480. >
  481. <div
  482. className="explore-graph"
  483. id="graph"
  484. style={
  485. Object {
  486. "height": "100px",
  487. }
  488. }
  489. />
  490. <Legend
  491. data={
  492. Array [
  493. Object {
  494. "metric": Object {
  495. "__name__": "prometheus_http_request_duration_seconds_bucket",
  496. "handler": "/label/:name/values",
  497. "instance": "localhost:9090",
  498. "job": "prometheus",
  499. "le": "+Inf",
  500. },
  501. "values": Array [
  502. Array [
  503. 1537858100,
  504. "16",
  505. ],
  506. Array [
  507. 1537861960,
  508. "1",
  509. ],
  510. Array [
  511. 1537861980,
  512. "1",
  513. ],
  514. ],
  515. },
  516. Object {
  517. "metric": Object {
  518. "__name__": "prometheus_http_request_duration_seconds_bucket",
  519. "handler": "/label/:name/values",
  520. "instance": "localhost:9090",
  521. "job": "prometheus",
  522. "le": "0.1",
  523. },
  524. "values": Array [
  525. Array [
  526. 1537858100,
  527. "16",
  528. ],
  529. Array [
  530. 1537861960,
  531. "1",
  532. ],
  533. Array [
  534. 1537861980,
  535. "1",
  536. ],
  537. ],
  538. },
  539. Object {
  540. "metric": Object {
  541. "__name__": "prometheus_http_request_duration_seconds_bucket",
  542. "handler": "/label/:name/values",
  543. "instance": "localhost:9090",
  544. "job": "prometheus",
  545. "le": "0.2",
  546. },
  547. "values": Array [
  548. Array [
  549. 1537858100,
  550. "16",
  551. ],
  552. Array [
  553. 1537861960,
  554. "1",
  555. ],
  556. Array [
  557. 1537861980,
  558. "1",
  559. ],
  560. ],
  561. },
  562. Object {
  563. "metric": Object {
  564. "__name__": "prometheus_http_request_duration_seconds_bucket",
  565. "handler": "/label/:name/values",
  566. "instance": "localhost:9090",
  567. "job": "prometheus",
  568. "le": "0.4",
  569. },
  570. "values": Array [
  571. Array [
  572. 1537858100,
  573. "16",
  574. ],
  575. Array [
  576. 1537861960,
  577. "1",
  578. ],
  579. Array [
  580. 1537861980,
  581. "1",
  582. ],
  583. ],
  584. },
  585. Object {
  586. "metric": Object {
  587. "__name__": "prometheus_http_request_duration_seconds_bucket",
  588. "handler": "/label/:name/values",
  589. "instance": "localhost:9090",
  590. "job": "prometheus",
  591. "le": "1",
  592. },
  593. "values": Array [
  594. Array [
  595. 1537858100,
  596. "16",
  597. ],
  598. Array [
  599. 1537861960,
  600. "1",
  601. ],
  602. Array [
  603. 1537861980,
  604. "1",
  605. ],
  606. ],
  607. },
  608. Object {
  609. "metric": Object {
  610. "__name__": "prometheus_http_request_duration_seconds_bucket",
  611. "handler": "/label/:name/values",
  612. "instance": "localhost:9090",
  613. "job": "prometheus",
  614. "le": "120",
  615. },
  616. "values": Array [
  617. Array [
  618. 1537858100,
  619. "16",
  620. ],
  621. Array [
  622. 1537861960,
  623. "1",
  624. ],
  625. Array [
  626. 1537861980,
  627. "1",
  628. ],
  629. ],
  630. },
  631. Object {
  632. "metric": Object {
  633. "__name__": "prometheus_http_request_duration_seconds_bucket",
  634. "handler": "/label/:name/values",
  635. "instance": "localhost:9090",
  636. "job": "prometheus",
  637. "le": "20",
  638. },
  639. "values": Array [
  640. Array [
  641. 1537858100,
  642. "16",
  643. ],
  644. Array [
  645. 1537861960,
  646. "1",
  647. ],
  648. Array [
  649. 1537861980,
  650. "1",
  651. ],
  652. ],
  653. },
  654. Object {
  655. "metric": Object {
  656. "__name__": "prometheus_http_request_duration_seconds_bucket",
  657. "handler": "/label/:name/values",
  658. "instance": "localhost:9090",
  659. "job": "prometheus",
  660. "le": "3",
  661. },
  662. "values": Array [
  663. Array [
  664. 1537858100,
  665. "16",
  666. ],
  667. Array [
  668. 1537861960,
  669. "1",
  670. ],
  671. Array [
  672. 1537861980,
  673. "1",
  674. ],
  675. ],
  676. },
  677. Object {
  678. "metric": Object {
  679. "__name__": "prometheus_http_request_duration_seconds_bucket",
  680. "handler": "/label/:name/values",
  681. "instance": "localhost:9090",
  682. "job": "prometheus",
  683. "le": "60",
  684. },
  685. "values": Array [
  686. Array [
  687. 1537858100,
  688. "16",
  689. ],
  690. Array [
  691. 1537861960,
  692. "1",
  693. ],
  694. Array [
  695. 1537861980,
  696. "1",
  697. ],
  698. ],
  699. },
  700. Object {
  701. "metric": Object {
  702. "__name__": "prometheus_http_request_duration_seconds_bucket",
  703. "handler": "/label/:name/values",
  704. "instance": "localhost:9090",
  705. "job": "prometheus",
  706. "le": "8",
  707. },
  708. "values": Array [
  709. Array [
  710. 1537858100,
  711. "16",
  712. ],
  713. Array [
  714. 1537861960,
  715. "1",
  716. ],
  717. Array [
  718. 1537861980,
  719. "1",
  720. ],
  721. ],
  722. },
  723. Object {
  724. "metric": Object {
  725. "__name__": "prometheus_http_request_duration_seconds_bucket",
  726. "handler": "/metrics",
  727. "instance": "localhost:9090",
  728. "job": "prometheus",
  729. "le": "+Inf",
  730. },
  731. "values": Array [
  732. Array [
  733. 1537858060,
  734. "1195",
  735. ],
  736. Array [
  737. 1537858080,
  738. "1195",
  739. ],
  740. Array [
  741. 1537858100,
  742. "1195",
  743. ],
  744. ],
  745. },
  746. Object {
  747. "metric": Object {
  748. "__name__": "prometheus_http_request_duration_seconds_bucket",
  749. "handler": "/metrics",
  750. "instance": "localhost:9090",
  751. "job": "prometheus",
  752. "le": "0.1",
  753. },
  754. "values": Array [
  755. Array [
  756. 1537858060,
  757. "1195",
  758. ],
  759. Array [
  760. 1537858080,
  761. "1195",
  762. ],
  763. Array [
  764. 1537858100,
  765. "1195",
  766. ],
  767. ],
  768. },
  769. Object {
  770. "metric": Object {
  771. "__name__": "prometheus_http_request_duration_seconds_bucket",
  772. "handler": "/metrics",
  773. "instance": "localhost:9090",
  774. "job": "prometheus",
  775. "le": "0.4",
  776. },
  777. "values": Array [
  778. Array [
  779. 1537858060,
  780. "1195",
  781. ],
  782. Array [
  783. 1537858080,
  784. "1195",
  785. ],
  786. Array [
  787. 1537858100,
  788. "1195",
  789. ],
  790. ],
  791. },
  792. Object {
  793. "metric": Object {
  794. "__name__": "prometheus_http_request_duration_seconds_bucket",
  795. "handler": "/metrics",
  796. "instance": "localhost:9090",
  797. "job": "prometheus",
  798. "le": "1",
  799. },
  800. "values": Array [
  801. Array [
  802. 1537847900,
  803. "953",
  804. ],
  805. Array [
  806. 1537858080,
  807. "1195",
  808. ],
  809. Array [
  810. 1537858100,
  811. "1195",
  812. ],
  813. ],
  814. },
  815. Object {
  816. "metric": Object {
  817. "__name__": "prometheus_http_request_duration_seconds_bucket",
  818. "handler": "/metrics",
  819. "instance": "localhost:9090",
  820. "job": "prometheus",
  821. "le": "120",
  822. },
  823. "values": Array [
  824. Array [
  825. 1537858060,
  826. "1195",
  827. ],
  828. Array [
  829. 1537858080,
  830. "1195",
  831. ],
  832. Array [
  833. 1537858100,
  834. "1195",
  835. ],
  836. ],
  837. },
  838. Object {
  839. "metric": Object {
  840. "__name__": "prometheus_http_request_duration_seconds_bucket",
  841. "handler": "/metrics",
  842. "instance": "localhost:9090",
  843. "job": "prometheus",
  844. "le": "20",
  845. },
  846. "values": Array [
  847. Array [
  848. 1537858060,
  849. "1195",
  850. ],
  851. Array [
  852. 1537858080,
  853. "1195",
  854. ],
  855. Array [
  856. 1537858100,
  857. "1195",
  858. ],
  859. ],
  860. },
  861. Object {
  862. "metric": Object {
  863. "__name__": "prometheus_http_request_duration_seconds_bucket",
  864. "handler": "/metrics",
  865. "instance": "localhost:9090",
  866. "job": "prometheus",
  867. "le": "3",
  868. },
  869. "values": Array [
  870. Array [
  871. 1537858060,
  872. "1195",
  873. ],
  874. Array [
  875. 1537858080,
  876. "1195",
  877. ],
  878. Array [
  879. 1537858100,
  880. "1195",
  881. ],
  882. ],
  883. },
  884. Object {
  885. "metric": Object {
  886. "__name__": "prometheus_http_request_duration_seconds_bucket",
  887. "handler": "/metrics",
  888. "instance": "localhost:9090",
  889. "job": "prometheus",
  890. "le": "60",
  891. },
  892. "values": Array [
  893. Array [
  894. 1537858060,
  895. "1195",
  896. ],
  897. Array [
  898. 1537858080,
  899. "1195",
  900. ],
  901. Array [
  902. 1537858100,
  903. "1195",
  904. ],
  905. ],
  906. },
  907. Object {
  908. "metric": Object {
  909. "__name__": "prometheus_http_request_duration_seconds_bucket",
  910. "handler": "/metrics",
  911. "instance": "localhost:9090",
  912. "job": "prometheus",
  913. "le": "8",
  914. },
  915. "values": Array [
  916. Array [
  917. 1537858060,
  918. "1195",
  919. ],
  920. Array [
  921. 1537858080,
  922. "1195",
  923. ],
  924. Array [
  925. 1537858100,
  926. "1195",
  927. ],
  928. ],
  929. },
  930. Object {
  931. "metric": Object {
  932. "__name__": "prometheus_http_request_duration_seconds_bucket",
  933. "handler": "/query",
  934. "instance": "localhost:9090",
  935. "job": "prometheus",
  936. "le": "+Inf",
  937. },
  938. "values": Array [
  939. Array [
  940. 1537858100,
  941. "55",
  942. ],
  943. Array [
  944. 1537861960,
  945. "1",
  946. ],
  947. Array [
  948. 1537861980,
  949. "1",
  950. ],
  951. ],
  952. },
  953. ]
  954. }
  955. />
  956. </div>
  957. </div>
  958. `;
  959. exports[`Render should show query return no time series 1`] = `
  960. <div
  961. className="panel-container"
  962. >
  963. <div
  964. className="muted m-a-1"
  965. >
  966. The queries returned no time series to graph.
  967. </div>
  968. </div>
  969. `;