spec/frontend/vue_mr_widget/components/extensions/utils_spec.js


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

import { generateText } from '~/vue_merge_request_widget/components/extensions/utils';

describe('generateText', () => {
  it.each`
    text                                                                     | expectedText
    ${'%{strong_start}Hello world%{strong_end}'}                             | ${'<span class="gl-font-weight-bold">Hello world</span>'}
    ${'%{success_start}Hello world%{success_end}'}                           | ${'<span class="gl-font-weight-bold gl-text-green-500">Hello world</span>'}
    ${'%{danger_start}Hello world%{danger_end}'}                             | ${'<span class="gl-font-weight-bold gl-text-red-500">Hello world</span>'}
    ${'%{critical_start}Hello world%{critical_end}'}                         | ${'<span class="gl-font-weight-bold gl-text-red-800">Hello world</span>'}
    ${'%{same_start}Hello world%{same_end}'}                                 | ${'<span class="gl-font-weight-bold gl-text-gray-700">Hello world</span>'}
    ${'%{small_start}Hello world%{small_end}'}                               | ${'<span class="gl-font-sm gl-text-gray-700">Hello world</span>'}
    ${'%{strong_start}%{danger_start}Hello world%{danger_end}%{strong_end}'} | ${'<span class="gl-font-weight-bold"><span class="gl-font-weight-bold gl-text-red-500">Hello world</span></span>'}
    ${'%{no_exist_start}Hello world%{no_exist_end}'}                         | ${'Hello world'}
    ${['array']}                                                             | ${null}
  `('generates $expectedText from $text', ({ text, expectedText }) => {
    expect(generateText(text)).toBe(expectedText);
  });
});