language_provider.test.ts 15 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405
  1. import Plain from 'slate-plain-serializer';
  2. import LanguageProvider from '../language_provider';
  3. describe('Language completion provider', () => {
  4. const datasource = {
  5. metadataRequest: () => ({ data: { data: [] } }),
  6. };
  7. describe('empty query suggestions', () => {
  8. it('returns default suggestions on emtpty context', () => {
  9. const instance = new LanguageProvider(datasource);
  10. const value = Plain.deserialize('');
  11. const result = instance.provideCompletionItems({ text: '', prefix: '', value, wrapperClasses: [] });
  12. expect(result.context).toBeUndefined();
  13. expect(result.refresher).toBeUndefined();
  14. expect(result.suggestions).toMatchObject([
  15. {
  16. label: 'Functions',
  17. },
  18. ]);
  19. });
  20. it('returns default suggestions with metrics on emtpty context when metrics were provided', () => {
  21. const instance = new LanguageProvider(datasource, { metrics: ['foo', 'bar'] });
  22. const value = Plain.deserialize('');
  23. const result = instance.provideCompletionItems({ text: '', prefix: '', value, wrapperClasses: [] });
  24. expect(result.context).toBeUndefined();
  25. expect(result.refresher).toBeUndefined();
  26. expect(result.suggestions).toMatchObject([
  27. {
  28. label: 'Functions',
  29. },
  30. {
  31. label: 'Metrics',
  32. },
  33. ]);
  34. });
  35. it('returns default suggestions with history on emtpty context when history was provided', () => {
  36. const instance = new LanguageProvider(datasource);
  37. const value = Plain.deserialize('');
  38. const history = [
  39. {
  40. query: { refId: '1', expr: 'metric' },
  41. },
  42. ];
  43. const result = instance.provideCompletionItems({ text: '', prefix: '', value, wrapperClasses: [] }, { history });
  44. expect(result.context).toBeUndefined();
  45. expect(result.refresher).toBeUndefined();
  46. expect(result.suggestions).toMatchObject([
  47. {
  48. label: 'History',
  49. items: [
  50. {
  51. label: 'metric',
  52. },
  53. ],
  54. },
  55. {
  56. label: 'Functions',
  57. },
  58. ]);
  59. });
  60. });
  61. describe('range suggestions', () => {
  62. it('returns range suggestions in range context', () => {
  63. const instance = new LanguageProvider(datasource);
  64. const value = Plain.deserialize('1');
  65. const result = instance.provideCompletionItems({
  66. text: '1',
  67. prefix: '1',
  68. value,
  69. wrapperClasses: ['context-range'],
  70. });
  71. expect(result.context).toBe('context-range');
  72. expect(result.refresher).toBeUndefined();
  73. expect(result.suggestions).toEqual([
  74. {
  75. items: [{ label: '1m' }, { label: '5m' }, { label: '10m' }, { label: '30m' }, { label: '1h' }],
  76. label: 'Range vector',
  77. },
  78. ]);
  79. });
  80. });
  81. describe('metric suggestions', () => {
  82. it('returns metrics and function suggestions in an unknown context', () => {
  83. const instance = new LanguageProvider(datasource, { metrics: ['foo', 'bar'] });
  84. const value = Plain.deserialize('a');
  85. const result = instance.provideCompletionItems({ text: 'a', prefix: 'a', value, wrapperClasses: [] });
  86. expect(result.context).toBeUndefined();
  87. expect(result.refresher).toBeUndefined();
  88. expect(result.suggestions).toMatchObject([
  89. {
  90. label: 'Functions',
  91. },
  92. {
  93. label: 'Metrics',
  94. },
  95. ]);
  96. });
  97. it('returns metrics and function suggestions after a binary operator', () => {
  98. const instance = new LanguageProvider(datasource, { metrics: ['foo', 'bar'] });
  99. const value = Plain.deserialize('*');
  100. const result = instance.provideCompletionItems({ text: '*', prefix: '', value, wrapperClasses: [] });
  101. expect(result.context).toBeUndefined();
  102. expect(result.refresher).toBeUndefined();
  103. expect(result.suggestions).toMatchObject([
  104. {
  105. label: 'Functions',
  106. },
  107. {
  108. label: 'Metrics',
  109. },
  110. ]);
  111. });
  112. it('returns no suggestions at the beginning of a non-empty function', () => {
  113. const instance = new LanguageProvider(datasource, { metrics: ['foo', 'bar'] });
  114. const value = Plain.deserialize('sum(up)');
  115. const range = value.selection.merge({
  116. anchorOffset: 4,
  117. });
  118. const valueWithSelection = value.change().select(range).value;
  119. const result = instance.provideCompletionItems({
  120. text: '',
  121. prefix: '',
  122. value: valueWithSelection,
  123. wrapperClasses: [],
  124. });
  125. expect(result.context).toBeUndefined();
  126. expect(result.refresher).toBeUndefined();
  127. expect(result.suggestions.length).toEqual(0);
  128. });
  129. });
  130. describe('label suggestions', () => {
  131. it('returns default label suggestions on label context and no metric', () => {
  132. const instance = new LanguageProvider(datasource);
  133. const value = Plain.deserialize('{}');
  134. const range = value.selection.merge({
  135. anchorOffset: 1,
  136. });
  137. const valueWithSelection = value.change().select(range).value;
  138. const result = instance.provideCompletionItems({
  139. text: '',
  140. prefix: '',
  141. wrapperClasses: ['context-labels'],
  142. value: valueWithSelection,
  143. });
  144. expect(result.context).toBe('context-labels');
  145. expect(result.suggestions).toEqual([{ items: [{ label: 'job' }, { label: 'instance' }], label: 'Labels' }]);
  146. });
  147. it('returns label suggestions on label context and metric', () => {
  148. const instance = new LanguageProvider(datasource, { labelKeys: { '{__name__="metric"}': ['bar'] } });
  149. const value = Plain.deserialize('metric{}');
  150. const range = value.selection.merge({
  151. anchorOffset: 7,
  152. });
  153. const valueWithSelection = value.change().select(range).value;
  154. const result = instance.provideCompletionItems({
  155. text: '',
  156. prefix: '',
  157. wrapperClasses: ['context-labels'],
  158. value: valueWithSelection,
  159. });
  160. expect(result.context).toBe('context-labels');
  161. expect(result.suggestions).toEqual([{ items: [{ label: 'bar' }], label: 'Labels' }]);
  162. });
  163. it('returns label suggestions on label context but leaves out labels that already exist', () => {
  164. const instance = new LanguageProvider(datasource, {
  165. labelKeys: { '{job1="foo",job2!="foo",job3=~"foo"}': ['bar', 'job1', 'job2', 'job3'] },
  166. });
  167. const value = Plain.deserialize('{job1="foo",job2!="foo",job3=~"foo",}');
  168. const range = value.selection.merge({
  169. anchorOffset: 36,
  170. });
  171. const valueWithSelection = value.change().select(range).value;
  172. const result = instance.provideCompletionItems({
  173. text: '',
  174. prefix: '',
  175. wrapperClasses: ['context-labels'],
  176. value: valueWithSelection,
  177. });
  178. expect(result.context).toBe('context-labels');
  179. expect(result.suggestions).toEqual([{ items: [{ label: 'bar' }], label: 'Labels' }]);
  180. });
  181. it('returns label value suggestions inside a label value context after a negated matching operator', () => {
  182. const instance = new LanguageProvider(datasource, {
  183. labelKeys: { '{}': ['label'] },
  184. labelValues: { '{}': { label: ['a', 'b', 'c'] } },
  185. });
  186. const value = Plain.deserialize('{label!=}');
  187. const range = value.selection.merge({ anchorOffset: 8 });
  188. const valueWithSelection = value.change().select(range).value;
  189. const result = instance.provideCompletionItems({
  190. text: '!=',
  191. prefix: '',
  192. wrapperClasses: ['context-labels'],
  193. labelKey: 'label',
  194. value: valueWithSelection,
  195. });
  196. expect(result.context).toBe('context-label-values');
  197. expect(result.suggestions).toEqual([
  198. {
  199. items: [{ label: 'a' }, { label: 'b' }, { label: 'c' }],
  200. label: 'Label values for "label"',
  201. },
  202. ]);
  203. });
  204. it('returns a refresher on label context and unavailable metric', () => {
  205. const instance = new LanguageProvider(datasource, { labelKeys: { '{__name__="foo"}': ['bar'] } });
  206. const value = Plain.deserialize('metric{}');
  207. const range = value.selection.merge({
  208. anchorOffset: 7,
  209. });
  210. const valueWithSelection = value.change().select(range).value;
  211. const result = instance.provideCompletionItems({
  212. text: '',
  213. prefix: '',
  214. wrapperClasses: ['context-labels'],
  215. value: valueWithSelection,
  216. });
  217. expect(result.context).toBeUndefined();
  218. expect(result.refresher).toBeInstanceOf(Promise);
  219. expect(result.suggestions).toEqual([]);
  220. });
  221. it('returns label values on label context when given a metric and a label key', () => {
  222. const instance = new LanguageProvider(datasource, {
  223. labelKeys: { '{__name__="metric"}': ['bar'] },
  224. labelValues: { '{__name__="metric"}': { bar: ['baz'] } },
  225. });
  226. const value = Plain.deserialize('metric{bar=ba}');
  227. const range = value.selection.merge({
  228. anchorOffset: 13,
  229. });
  230. const valueWithSelection = value.change().select(range).value;
  231. const result = instance.provideCompletionItems({
  232. text: '=ba',
  233. prefix: 'ba',
  234. wrapperClasses: ['context-labels'],
  235. labelKey: 'bar',
  236. value: valueWithSelection,
  237. });
  238. expect(result.context).toBe('context-label-values');
  239. expect(result.suggestions).toEqual([{ items: [{ label: 'baz' }], label: 'Label values for "bar"' }]);
  240. });
  241. it('returns label suggestions on aggregation context and metric w/ selector', () => {
  242. const instance = new LanguageProvider(datasource, { labelKeys: { '{__name__="metric",foo="xx"}': ['bar'] } });
  243. const value = Plain.deserialize('sum(metric{foo="xx"}) by ()');
  244. const range = value.selection.merge({
  245. anchorOffset: 26,
  246. });
  247. const valueWithSelection = value.change().select(range).value;
  248. const result = instance.provideCompletionItems({
  249. text: '',
  250. prefix: '',
  251. wrapperClasses: ['context-aggregation'],
  252. value: valueWithSelection,
  253. });
  254. expect(result.context).toBe('context-aggregation');
  255. expect(result.suggestions).toEqual([{ items: [{ label: 'bar' }], label: 'Labels' }]);
  256. });
  257. it('returns label suggestions on aggregation context and metric w/o selector', () => {
  258. const instance = new LanguageProvider(datasource, { labelKeys: { '{__name__="metric"}': ['bar'] } });
  259. const value = Plain.deserialize('sum(metric) by ()');
  260. const range = value.selection.merge({
  261. anchorOffset: 16,
  262. });
  263. const valueWithSelection = value.change().select(range).value;
  264. const result = instance.provideCompletionItems({
  265. text: '',
  266. prefix: '',
  267. wrapperClasses: ['context-aggregation'],
  268. value: valueWithSelection,
  269. });
  270. expect(result.context).toBe('context-aggregation');
  271. expect(result.suggestions).toEqual([{ items: [{ label: 'bar' }], label: 'Labels' }]);
  272. });
  273. it('returns label suggestions inside a multi-line aggregation context', () => {
  274. const instance = new LanguageProvider(datasource, {
  275. labelKeys: { '{__name__="metric"}': ['label1', 'label2', 'label3'] },
  276. });
  277. const value = Plain.deserialize('sum(\nmetric\n)\nby ()');
  278. const aggregationTextBlock = value.document.getBlocksAsArray()[3];
  279. const range = value.selection.moveToStartOf(aggregationTextBlock).merge({ anchorOffset: 4 });
  280. const valueWithSelection = value.change().select(range).value;
  281. const result = instance.provideCompletionItems({
  282. text: '',
  283. prefix: '',
  284. wrapperClasses: ['context-aggregation'],
  285. value: valueWithSelection,
  286. });
  287. expect(result.context).toBe('context-aggregation');
  288. expect(result.suggestions).toEqual([
  289. {
  290. items: [{ label: 'label1' }, { label: 'label2' }, { label: 'label3' }],
  291. label: 'Labels',
  292. },
  293. ]);
  294. });
  295. it('returns label suggestions inside an aggregation context with a range vector', () => {
  296. const instance = new LanguageProvider(datasource, {
  297. labelKeys: { '{__name__="metric"}': ['label1', 'label2', 'label3'] },
  298. });
  299. const value = Plain.deserialize('sum(rate(metric[1h])) by ()');
  300. const range = value.selection.merge({
  301. anchorOffset: 26,
  302. });
  303. const valueWithSelection = value.change().select(range).value;
  304. const result = instance.provideCompletionItems({
  305. text: '',
  306. prefix: '',
  307. wrapperClasses: ['context-aggregation'],
  308. value: valueWithSelection,
  309. });
  310. expect(result.context).toBe('context-aggregation');
  311. expect(result.suggestions).toEqual([
  312. {
  313. items: [{ label: 'label1' }, { label: 'label2' }, { label: 'label3' }],
  314. label: 'Labels',
  315. },
  316. ]);
  317. });
  318. it('returns label suggestions inside an aggregation context with a range vector and label', () => {
  319. const instance = new LanguageProvider(datasource, {
  320. labelKeys: { '{__name__="metric",label1="value"}': ['label1', 'label2', 'label3'] },
  321. });
  322. const value = Plain.deserialize('sum(rate(metric{label1="value"}[1h])) by ()');
  323. const range = value.selection.merge({
  324. anchorOffset: 42,
  325. });
  326. const valueWithSelection = value.change().select(range).value;
  327. const result = instance.provideCompletionItems({
  328. text: '',
  329. prefix: '',
  330. wrapperClasses: ['context-aggregation'],
  331. value: valueWithSelection,
  332. });
  333. expect(result.context).toBe('context-aggregation');
  334. expect(result.suggestions).toEqual([
  335. {
  336. items: [{ label: 'label1' }, { label: 'label2' }, { label: 'label3' }],
  337. label: 'Labels',
  338. },
  339. ]);
  340. });
  341. it('returns no suggestions inside an unclear aggregation context using alternate syntax', () => {
  342. const instance = new LanguageProvider(datasource, {
  343. labelKeys: { '{__name__="metric"}': ['label1', 'label2', 'label3'] },
  344. });
  345. const value = Plain.deserialize('sum by ()');
  346. const range = value.selection.merge({
  347. anchorOffset: 8,
  348. });
  349. const valueWithSelection = value.change().select(range).value;
  350. const result = instance.provideCompletionItems({
  351. text: '',
  352. prefix: '',
  353. wrapperClasses: ['context-aggregation'],
  354. value: valueWithSelection,
  355. });
  356. expect(result.context).toBe('context-aggregation');
  357. expect(result.suggestions).toEqual([]);
  358. });
  359. it('returns label suggestions inside an aggregation context using alternate syntax', () => {
  360. const instance = new LanguageProvider(datasource, {
  361. labelKeys: { '{__name__="metric"}': ['label1', 'label2', 'label3'] },
  362. });
  363. const value = Plain.deserialize('sum by () (metric)');
  364. const range = value.selection.merge({
  365. anchorOffset: 8,
  366. });
  367. const valueWithSelection = value.change().select(range).value;
  368. const result = instance.provideCompletionItems({
  369. text: '',
  370. prefix: '',
  371. wrapperClasses: ['context-aggregation'],
  372. value: valueWithSelection,
  373. });
  374. expect(result.context).toBe('context-aggregation');
  375. expect(result.suggestions).toEqual([
  376. {
  377. items: [{ label: 'label1' }, { label: 'label2' }, { label: 'label3' }],
  378. label: 'Labels',
  379. },
  380. ]);
  381. });
  382. });
  383. });