summaryrefslogtreecommitdiff
path: root/spec/frontend/monitoring/components/__snapshots__/group_empty_state_spec.js.snap
blob: 1d7ff420a17a030de64a10ea1a5812c38d40c38c (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
// Jest Snapshot v1, https://goo.gl/fbAQLP

exports[`GroupEmptyState given state BAD_QUERY passes the expected props to GlEmptyState 1`] = `
Object {
  "compact": true,
  "description": null,
  "invertInDarkMode": true,
  "primaryButtonLink": "/path/to/settings",
  "primaryButtonText": "Verify configuration",
  "secondaryButtonLink": null,
  "secondaryButtonText": null,
  "svgHeight": null,
  "svgPath": "/path/to/empty-group-illustration.svg",
  "title": "Query cannot be processed",
}
`;

exports[`GroupEmptyState given state BAD_QUERY renders the slotted content 1`] = `
<div>
  <div>
    The Prometheus server responded with "bad request". Please check your queries are correct and are supported in your Prometheus version. 
    <a
      href="/path/to/docs"
    >
      More information
    </a>
  </div>
</div>
`;

exports[`GroupEmptyState given state CONNECTION_FAILED passes the expected props to GlEmptyState 1`] = `
Object {
  "compact": true,
  "description": "We couldn't reach the Prometheus server. Either the server no longer exists or the configuration details need updating.",
  "invertInDarkMode": true,
  "primaryButtonLink": "/path/to/settings",
  "primaryButtonText": "Verify configuration",
  "secondaryButtonLink": null,
  "secondaryButtonText": null,
  "svgHeight": null,
  "svgPath": "/path/to/empty-group-illustration.svg",
  "title": "Connection failed",
}
`;

exports[`GroupEmptyState given state CONNECTION_FAILED renders the slotted content 1`] = `<div />`;

exports[`GroupEmptyState given state FOO STATE passes the expected props to GlEmptyState 1`] = `
Object {
  "compact": true,
  "description": "An error occurred while loading the data. Please try again.",
  "invertInDarkMode": true,
  "primaryButtonLink": null,
  "primaryButtonText": null,
  "secondaryButtonLink": null,
  "secondaryButtonText": null,
  "svgHeight": null,
  "svgPath": "/path/to/empty-group-illustration.svg",
  "title": "An error has occurred",
}
`;

exports[`GroupEmptyState given state FOO STATE renders the slotted content 1`] = `<div />`;

exports[`GroupEmptyState given state LOADING passes the expected props to GlEmptyState 1`] = `
Object {
  "compact": true,
  "description": "Creating graphs uses the data from the Prometheus server. If this takes a long time, ensure that data is available.",
  "invertInDarkMode": true,
  "primaryButtonLink": null,
  "primaryButtonText": null,
  "secondaryButtonLink": null,
  "secondaryButtonText": null,
  "svgHeight": null,
  "svgPath": "/path/to/empty-group-illustration.svg",
  "title": "Waiting for performance data",
}
`;

exports[`GroupEmptyState given state LOADING renders the slotted content 1`] = `<div />`;

exports[`GroupEmptyState given state NO_DATA passes the expected props to GlEmptyState 1`] = `
Object {
  "compact": true,
  "description": null,
  "invertInDarkMode": true,
  "primaryButtonLink": null,
  "primaryButtonText": null,
  "secondaryButtonLink": null,
  "secondaryButtonText": null,
  "svgHeight": null,
  "svgPath": "/path/to/empty-group-illustration.svg",
  "title": "No data to display",
}
`;

exports[`GroupEmptyState given state NO_DATA renders the slotted content 1`] = `
<div>
  <div>
    The data source is connected, but there is no data to display. 
    <a
      href="/path/to/docs"
    >
      More information
    </a>
  </div>
</div>
`;

exports[`GroupEmptyState given state TIMEOUT passes the expected props to GlEmptyState 1`] = `
Object {
  "compact": true,
  "description": null,
  "invertInDarkMode": true,
  "primaryButtonLink": null,
  "primaryButtonText": null,
  "secondaryButtonLink": null,
  "secondaryButtonText": null,
  "svgHeight": null,
  "svgPath": "/path/to/empty-group-illustration.svg",
  "title": "Connection timed out",
}
`;

exports[`GroupEmptyState given state TIMEOUT renders the slotted content 1`] = `
<div>
  <div>
    Charts can't be displayed as the request for data has timed out. 
    <a
      href="/path/to/docs"
    >
      More information
    </a>
  </div>
</div>
`;

exports[`GroupEmptyState given state UNKNOWN_ERROR passes the expected props to GlEmptyState 1`] = `
Object {
  "compact": true,
  "description": "An error occurred while loading the data. Please try again.",
  "invertInDarkMode": true,
  "primaryButtonLink": null,
  "primaryButtonText": null,
  "secondaryButtonLink": null,
  "secondaryButtonText": null,
  "svgHeight": null,
  "svgPath": "/path/to/empty-group-illustration.svg",
  "title": "An error has occurred",
}
`;

exports[`GroupEmptyState given state UNKNOWN_ERROR renders the slotted content 1`] = `<div />`;