grafana/public/app/features/explore/__snapshots__/Graph.test.tsx.snap
David Kaltschmidt adb2430a1b Explore: collapsible result panels
- replace the Graph/Table buttons with toggle control in a wrapper panel
- moved toggle control to left to be close to the label
- removed panel styles from Logs and Graph viewer
- moved loader animation to panel
2018-11-16 18:21:13 +00:00

970 lines
23 KiB
Plaintext

// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`Render should render component 1`] = `
<Fragment>
<div
className="explore-graph"
id="graph"
style={
Object {
"height": "100px",
}
}
/>
<Legend
data={
Array [
Object {
"metric": Object {
"__name__": "prometheus_http_request_duration_seconds_bucket",
"handler": "/label/:name/values",
"instance": "localhost:9090",
"job": "prometheus",
"le": "+Inf",
},
"values": Array [
Array [
1537858100,
"16",
],
Array [
1537861960,
"1",
],
Array [
1537861980,
"1",
],
],
},
Object {
"metric": Object {
"__name__": "prometheus_http_request_duration_seconds_bucket",
"handler": "/label/:name/values",
"instance": "localhost:9090",
"job": "prometheus",
"le": "0.1",
},
"values": Array [
Array [
1537858100,
"16",
],
Array [
1537861960,
"1",
],
Array [
1537861980,
"1",
],
],
},
Object {
"metric": Object {
"__name__": "prometheus_http_request_duration_seconds_bucket",
"handler": "/label/:name/values",
"instance": "localhost:9090",
"job": "prometheus",
"le": "0.2",
},
"values": Array [
Array [
1537858100,
"16",
],
Array [
1537861960,
"1",
],
Array [
1537861980,
"1",
],
],
},
Object {
"metric": Object {
"__name__": "prometheus_http_request_duration_seconds_bucket",
"handler": "/label/:name/values",
"instance": "localhost:9090",
"job": "prometheus",
"le": "0.4",
},
"values": Array [
Array [
1537858100,
"16",
],
Array [
1537861960,
"1",
],
Array [
1537861980,
"1",
],
],
},
Object {
"metric": Object {
"__name__": "prometheus_http_request_duration_seconds_bucket",
"handler": "/label/:name/values",
"instance": "localhost:9090",
"job": "prometheus",
"le": "1",
},
"values": Array [
Array [
1537858100,
"16",
],
Array [
1537861960,
"1",
],
Array [
1537861980,
"1",
],
],
},
Object {
"metric": Object {
"__name__": "prometheus_http_request_duration_seconds_bucket",
"handler": "/label/:name/values",
"instance": "localhost:9090",
"job": "prometheus",
"le": "120",
},
"values": Array [
Array [
1537858100,
"16",
],
Array [
1537861960,
"1",
],
Array [
1537861980,
"1",
],
],
},
Object {
"metric": Object {
"__name__": "prometheus_http_request_duration_seconds_bucket",
"handler": "/label/:name/values",
"instance": "localhost:9090",
"job": "prometheus",
"le": "20",
},
"values": Array [
Array [
1537858100,
"16",
],
Array [
1537861960,
"1",
],
Array [
1537861980,
"1",
],
],
},
Object {
"metric": Object {
"__name__": "prometheus_http_request_duration_seconds_bucket",
"handler": "/label/:name/values",
"instance": "localhost:9090",
"job": "prometheus",
"le": "3",
},
"values": Array [
Array [
1537858100,
"16",
],
Array [
1537861960,
"1",
],
Array [
1537861980,
"1",
],
],
},
Object {
"metric": Object {
"__name__": "prometheus_http_request_duration_seconds_bucket",
"handler": "/label/:name/values",
"instance": "localhost:9090",
"job": "prometheus",
"le": "60",
},
"values": Array [
Array [
1537858100,
"16",
],
Array [
1537861960,
"1",
],
Array [
1537861980,
"1",
],
],
},
Object {
"metric": Object {
"__name__": "prometheus_http_request_duration_seconds_bucket",
"handler": "/label/:name/values",
"instance": "localhost:9090",
"job": "prometheus",
"le": "8",
},
"values": Array [
Array [
1537858100,
"16",
],
Array [
1537861960,
"1",
],
Array [
1537861980,
"1",
],
],
},
Object {
"metric": Object {
"__name__": "prometheus_http_request_duration_seconds_bucket",
"handler": "/metrics",
"instance": "localhost:9090",
"job": "prometheus",
"le": "+Inf",
},
"values": Array [
Array [
1537858060,
"1195",
],
Array [
1537858080,
"1195",
],
Array [
1537858100,
"1195",
],
],
},
Object {
"metric": Object {
"__name__": "prometheus_http_request_duration_seconds_bucket",
"handler": "/metrics",
"instance": "localhost:9090",
"job": "prometheus",
"le": "0.1",
},
"values": Array [
Array [
1537858060,
"1195",
],
Array [
1537858080,
"1195",
],
Array [
1537858100,
"1195",
],
],
},
Object {
"metric": Object {
"__name__": "prometheus_http_request_duration_seconds_bucket",
"handler": "/metrics",
"instance": "localhost:9090",
"job": "prometheus",
"le": "0.4",
},
"values": Array [
Array [
1537858060,
"1195",
],
Array [
1537858080,
"1195",
],
Array [
1537858100,
"1195",
],
],
},
Object {
"metric": Object {
"__name__": "prometheus_http_request_duration_seconds_bucket",
"handler": "/metrics",
"instance": "localhost:9090",
"job": "prometheus",
"le": "1",
},
"values": Array [
Array [
1537847900,
"953",
],
Array [
1537858080,
"1195",
],
Array [
1537858100,
"1195",
],
],
},
Object {
"metric": Object {
"__name__": "prometheus_http_request_duration_seconds_bucket",
"handler": "/metrics",
"instance": "localhost:9090",
"job": "prometheus",
"le": "120",
},
"values": Array [
Array [
1537858060,
"1195",
],
Array [
1537858080,
"1195",
],
Array [
1537858100,
"1195",
],
],
},
Object {
"metric": Object {
"__name__": "prometheus_http_request_duration_seconds_bucket",
"handler": "/metrics",
"instance": "localhost:9090",
"job": "prometheus",
"le": "20",
},
"values": Array [
Array [
1537858060,
"1195",
],
Array [
1537858080,
"1195",
],
Array [
1537858100,
"1195",
],
],
},
Object {
"metric": Object {
"__name__": "prometheus_http_request_duration_seconds_bucket",
"handler": "/metrics",
"instance": "localhost:9090",
"job": "prometheus",
"le": "3",
},
"values": Array [
Array [
1537858060,
"1195",
],
Array [
1537858080,
"1195",
],
Array [
1537858100,
"1195",
],
],
},
Object {
"metric": Object {
"__name__": "prometheus_http_request_duration_seconds_bucket",
"handler": "/metrics",
"instance": "localhost:9090",
"job": "prometheus",
"le": "60",
},
"values": Array [
Array [
1537858060,
"1195",
],
Array [
1537858080,
"1195",
],
Array [
1537858100,
"1195",
],
],
},
Object {
"metric": Object {
"__name__": "prometheus_http_request_duration_seconds_bucket",
"handler": "/metrics",
"instance": "localhost:9090",
"job": "prometheus",
"le": "8",
},
"values": Array [
Array [
1537858060,
"1195",
],
Array [
1537858080,
"1195",
],
Array [
1537858100,
"1195",
],
],
},
]
}
/>
</Fragment>
`;
exports[`Render should render component with disclaimer 1`] = `
<Fragment>
<div
className="time-series-disclaimer"
>
<i
className="fa fa-fw fa-warning disclaimer-icon"
/>
Showing only 20 time series.
<span
className="show-all-time-series"
onClick={[Function]}
>
Show all 27
</span>
</div>
<div
className="explore-graph"
id="graph"
style={
Object {
"height": "100px",
}
}
/>
<Legend
data={
Array [
Object {
"metric": Object {
"__name__": "prometheus_http_request_duration_seconds_bucket",
"handler": "/label/:name/values",
"instance": "localhost:9090",
"job": "prometheus",
"le": "+Inf",
},
"values": Array [
Array [
1537858100,
"16",
],
Array [
1537861960,
"1",
],
Array [
1537861980,
"1",
],
],
},
Object {
"metric": Object {
"__name__": "prometheus_http_request_duration_seconds_bucket",
"handler": "/label/:name/values",
"instance": "localhost:9090",
"job": "prometheus",
"le": "0.1",
},
"values": Array [
Array [
1537858100,
"16",
],
Array [
1537861960,
"1",
],
Array [
1537861980,
"1",
],
],
},
Object {
"metric": Object {
"__name__": "prometheus_http_request_duration_seconds_bucket",
"handler": "/label/:name/values",
"instance": "localhost:9090",
"job": "prometheus",
"le": "0.2",
},
"values": Array [
Array [
1537858100,
"16",
],
Array [
1537861960,
"1",
],
Array [
1537861980,
"1",
],
],
},
Object {
"metric": Object {
"__name__": "prometheus_http_request_duration_seconds_bucket",
"handler": "/label/:name/values",
"instance": "localhost:9090",
"job": "prometheus",
"le": "0.4",
},
"values": Array [
Array [
1537858100,
"16",
],
Array [
1537861960,
"1",
],
Array [
1537861980,
"1",
],
],
},
Object {
"metric": Object {
"__name__": "prometheus_http_request_duration_seconds_bucket",
"handler": "/label/:name/values",
"instance": "localhost:9090",
"job": "prometheus",
"le": "1",
},
"values": Array [
Array [
1537858100,
"16",
],
Array [
1537861960,
"1",
],
Array [
1537861980,
"1",
],
],
},
Object {
"metric": Object {
"__name__": "prometheus_http_request_duration_seconds_bucket",
"handler": "/label/:name/values",
"instance": "localhost:9090",
"job": "prometheus",
"le": "120",
},
"values": Array [
Array [
1537858100,
"16",
],
Array [
1537861960,
"1",
],
Array [
1537861980,
"1",
],
],
},
Object {
"metric": Object {
"__name__": "prometheus_http_request_duration_seconds_bucket",
"handler": "/label/:name/values",
"instance": "localhost:9090",
"job": "prometheus",
"le": "20",
},
"values": Array [
Array [
1537858100,
"16",
],
Array [
1537861960,
"1",
],
Array [
1537861980,
"1",
],
],
},
Object {
"metric": Object {
"__name__": "prometheus_http_request_duration_seconds_bucket",
"handler": "/label/:name/values",
"instance": "localhost:9090",
"job": "prometheus",
"le": "3",
},
"values": Array [
Array [
1537858100,
"16",
],
Array [
1537861960,
"1",
],
Array [
1537861980,
"1",
],
],
},
Object {
"metric": Object {
"__name__": "prometheus_http_request_duration_seconds_bucket",
"handler": "/label/:name/values",
"instance": "localhost:9090",
"job": "prometheus",
"le": "60",
},
"values": Array [
Array [
1537858100,
"16",
],
Array [
1537861960,
"1",
],
Array [
1537861980,
"1",
],
],
},
Object {
"metric": Object {
"__name__": "prometheus_http_request_duration_seconds_bucket",
"handler": "/label/:name/values",
"instance": "localhost:9090",
"job": "prometheus",
"le": "8",
},
"values": Array [
Array [
1537858100,
"16",
],
Array [
1537861960,
"1",
],
Array [
1537861980,
"1",
],
],
},
Object {
"metric": Object {
"__name__": "prometheus_http_request_duration_seconds_bucket",
"handler": "/metrics",
"instance": "localhost:9090",
"job": "prometheus",
"le": "+Inf",
},
"values": Array [
Array [
1537858060,
"1195",
],
Array [
1537858080,
"1195",
],
Array [
1537858100,
"1195",
],
],
},
Object {
"metric": Object {
"__name__": "prometheus_http_request_duration_seconds_bucket",
"handler": "/metrics",
"instance": "localhost:9090",
"job": "prometheus",
"le": "0.1",
},
"values": Array [
Array [
1537858060,
"1195",
],
Array [
1537858080,
"1195",
],
Array [
1537858100,
"1195",
],
],
},
Object {
"metric": Object {
"__name__": "prometheus_http_request_duration_seconds_bucket",
"handler": "/metrics",
"instance": "localhost:9090",
"job": "prometheus",
"le": "0.4",
},
"values": Array [
Array [
1537858060,
"1195",
],
Array [
1537858080,
"1195",
],
Array [
1537858100,
"1195",
],
],
},
Object {
"metric": Object {
"__name__": "prometheus_http_request_duration_seconds_bucket",
"handler": "/metrics",
"instance": "localhost:9090",
"job": "prometheus",
"le": "1",
},
"values": Array [
Array [
1537847900,
"953",
],
Array [
1537858080,
"1195",
],
Array [
1537858100,
"1195",
],
],
},
Object {
"metric": Object {
"__name__": "prometheus_http_request_duration_seconds_bucket",
"handler": "/metrics",
"instance": "localhost:9090",
"job": "prometheus",
"le": "120",
},
"values": Array [
Array [
1537858060,
"1195",
],
Array [
1537858080,
"1195",
],
Array [
1537858100,
"1195",
],
],
},
Object {
"metric": Object {
"__name__": "prometheus_http_request_duration_seconds_bucket",
"handler": "/metrics",
"instance": "localhost:9090",
"job": "prometheus",
"le": "20",
},
"values": Array [
Array [
1537858060,
"1195",
],
Array [
1537858080,
"1195",
],
Array [
1537858100,
"1195",
],
],
},
Object {
"metric": Object {
"__name__": "prometheus_http_request_duration_seconds_bucket",
"handler": "/metrics",
"instance": "localhost:9090",
"job": "prometheus",
"le": "3",
},
"values": Array [
Array [
1537858060,
"1195",
],
Array [
1537858080,
"1195",
],
Array [
1537858100,
"1195",
],
],
},
Object {
"metric": Object {
"__name__": "prometheus_http_request_duration_seconds_bucket",
"handler": "/metrics",
"instance": "localhost:9090",
"job": "prometheus",
"le": "60",
},
"values": Array [
Array [
1537858060,
"1195",
],
Array [
1537858080,
"1195",
],
Array [
1537858100,
"1195",
],
],
},
Object {
"metric": Object {
"__name__": "prometheus_http_request_duration_seconds_bucket",
"handler": "/metrics",
"instance": "localhost:9090",
"job": "prometheus",
"le": "8",
},
"values": Array [
Array [
1537858060,
"1195",
],
Array [
1537858080,
"1195",
],
Array [
1537858100,
"1195",
],
],
},
Object {
"metric": Object {
"__name__": "prometheus_http_request_duration_seconds_bucket",
"handler": "/query",
"instance": "localhost:9090",
"job": "prometheus",
"le": "+Inf",
},
"values": Array [
Array [
1537858100,
"55",
],
Array [
1537861960,
"1",
],
Array [
1537861980,
"1",
],
],
},
]
}
/>
</Fragment>
`;
exports[`Render should show query return no time series 1`] = `
<Fragment>
<div
className="explore-graph"
id="graph"
style={
Object {
"height": "100px",
}
}
/>
<Legend
data={Array []}
/>
</Fragment>
`;