mirror of
https://github.com/grafana/grafana.git
synced 2025-02-15 10:03:33 -06:00
3c6e0e8ef8
* Add and configure eslint-plugin-import * Fix the lint:ts npm command * Autofix + prettier all the files * Manually fix remaining files * Move jquery code in jest-setup to external file to safely reorder imports * Resolve issue caused by circular dependencies within Prometheus * Update .betterer.results * Fix missing // @ts-ignore * ignore iconBundle.ts * Fix missing // @ts-ignore
54 lines
3.4 KiB
TypeScript
54 lines
3.4 KiB
TypeScript
import Prism from 'prismjs';
|
|
|
|
import syntax from './syntax';
|
|
|
|
describe('Loki syntax', () => {
|
|
it('should highlight Loki query correctly', () => {
|
|
expect(Prism.highlight('{key="val#ue"}', syntax, 'loki')).toBe(
|
|
'<span class="token context-labels"><span class="token punctuation">{</span><span class="token label-key attr-name">key</span>=<span class="token label-value attr-value">"val#ue"</span></span><span class="token punctuation">}</span>'
|
|
);
|
|
expect(Prism.highlight('{key="#value"}', syntax, 'loki')).toBe(
|
|
'<span class="token context-labels"><span class="token punctuation">{</span><span class="token label-key attr-name">key</span>=<span class="token label-value attr-value">"#value"</span></span><span class="token punctuation">}</span>'
|
|
);
|
|
expect(Prism.highlight('{key="value#"}', syntax, 'loki')).toBe(
|
|
'<span class="token context-labels"><span class="token punctuation">{</span><span class="token label-key attr-name">key</span>=<span class="token label-value attr-value">"value#"</span></span><span class="token punctuation">}</span>'
|
|
);
|
|
expect(Prism.highlight('#test{key="value"}', syntax, 'loki')).toBe(
|
|
'<span class="token comment">#test{key="value"}</span>'
|
|
);
|
|
expect(Prism.highlight('{key="value"}#test', syntax, 'loki')).toBe(
|
|
'<span class="token context-labels"><span class="token punctuation">{</span><span class="token label-key attr-name">key</span>=<span class="token label-value attr-value">"value"</span></span><span class="token punctuation">}</span><span class="token comment">#test</span>'
|
|
);
|
|
expect(Prism.highlight('{key="value"', syntax, 'loki')).toBe(
|
|
'<span class="token context-labels"><span class="token punctuation">{</span><span class="token label-key attr-name">key</span>=<span class="token label-value attr-value">"value"</span></span>'
|
|
);
|
|
expect(Prism.highlight('{Key="value"', syntax, 'loki')).toBe(
|
|
'<span class="token context-labels"><span class="token punctuation">{</span><span class="token label-key attr-name">Key</span>=<span class="token label-value attr-value">"value"</span></span>'
|
|
);
|
|
});
|
|
it('should highlight functions in Loki query correctly', () => {
|
|
expect(Prism.highlight('rate({key="value"}[5m])', syntax, 'loki')).toContain(
|
|
'<span class="token function">rate</span>'
|
|
);
|
|
expect(Prism.highlight('avg_over_time({key="value"}[5m])', syntax, 'loki')).toContain(
|
|
'<span class="token function">avg_over_time</span>'
|
|
);
|
|
});
|
|
it('should highlight operators in Loki query correctly', () => {
|
|
expect(Prism.highlight('{key="value"} |= "test"', syntax, 'loki')).toContain(
|
|
'<span class="token operator"> |= </span>'
|
|
);
|
|
expect(Prism.highlight('{key="value"} |~"test"', syntax, 'loki')).toContain(
|
|
'<span class="token operator"> |~</span>'
|
|
);
|
|
});
|
|
it('should highlight pipe operations in Loki query correctly', () => {
|
|
expect(Prism.highlight('{key="value"} |= "test" | logfmt', syntax, 'loki')).toContain(
|
|
'<span class="token pipe-operator operator">|</span> <span class="token pipe-operations keyword">logfmt</span></span>'
|
|
);
|
|
expect(Prism.highlight('{key="value"} |= "test" | label_format', syntax, 'loki')).toContain(
|
|
'<span class="token context-pipe"> <span class="token pipe-operator operator">|</span> <span class="token pipe-operations keyword">label_format</span></span>'
|
|
);
|
|
});
|
|
});
|