mirror of
https://github.com/grafana/grafana.git
synced 2025-02-12 16:45:43 -06:00
- 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
970 lines
23 KiB
Plaintext
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>
|
|
`;
|