38 lines
1016 B
JavaScript
38 lines
1016 B
JavaScript
import { shallowMount } from '@vue/test-utils';
|
|
import { GlIcon, GlLink } from '@gitlab/ui';
|
|
import LineNumbers from '~/vue_shared/components/line_numbers.vue';
|
|
|
|
describe('Line Numbers component', () => {
|
|
let wrapper;
|
|
const lines = 10;
|
|
|
|
const createComponent = () => {
|
|
wrapper = shallowMount(LineNumbers, { propsData: { lines } });
|
|
};
|
|
|
|
const findGlIcon = () => wrapper.findComponent(GlIcon);
|
|
const findLineNumbers = () => wrapper.findAllComponents(GlLink);
|
|
const findFirstLineNumber = () => findLineNumbers().at(0);
|
|
|
|
beforeEach(() => createComponent());
|
|
|
|
afterEach(() => wrapper.destroy());
|
|
|
|
describe('rendering', () => {
|
|
it('renders Line Numbers', () => {
|
|
expect(findLineNumbers().length).toBe(lines);
|
|
expect(findFirstLineNumber().attributes()).toMatchObject({
|
|
id: 'L1',
|
|
to: '#LC1',
|
|
});
|
|
});
|
|
|
|
it('renders a link icon', () => {
|
|
expect(findGlIcon().props()).toMatchObject({
|
|
size: 12,
|
|
name: 'link',
|
|
});
|
|
});
|
|
});
|
|
});
|