Welcome to mirror list, hosted at ThFree Co, Russian Federation.

gitlab.com/gitlab-org/gitlab-foss.git - Unnamed repository; edit this file 'description' to name the repository.
summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
Diffstat (limited to 'spec/frontend/runner/components/runner_tag_spec.js')
-rw-r--r--spec/frontend/runner/components/runner_tag_spec.js79
1 files changed, 0 insertions, 79 deletions
diff --git a/spec/frontend/runner/components/runner_tag_spec.js b/spec/frontend/runner/components/runner_tag_spec.js
deleted file mode 100644
index 391c17f81cb..00000000000
--- a/spec/frontend/runner/components/runner_tag_spec.js
+++ /dev/null
@@ -1,79 +0,0 @@
-import { GlBadge } from '@gitlab/ui';
-import { shallowMount } from '@vue/test-utils';
-import { nextTick } from 'vue';
-
-import { RUNNER_TAG_BADGE_VARIANT } from '~/runner/constants';
-import RunnerTag from '~/runner/components/runner_tag.vue';
-import { createMockDirective, getBinding } from 'helpers/vue_mock_directive';
-
-const mockTag = 'tag1';
-
-describe('RunnerTag', () => {
- let wrapper;
-
- const findBadge = () => wrapper.findComponent(GlBadge);
- const getTooltipValue = () => getBinding(findBadge().element, 'gl-tooltip').value;
-
- const setDimensions = ({ scrollWidth, offsetWidth }) => {
- jest.spyOn(findBadge().element, 'scrollWidth', 'get').mockReturnValue(scrollWidth);
- jest.spyOn(findBadge().element, 'offsetWidth', 'get').mockReturnValue(offsetWidth);
-
- // Mock trigger resize
- getBinding(findBadge().element, 'gl-resize-observer').value();
- };
-
- const createComponent = ({ props = {} } = {}) => {
- wrapper = shallowMount(RunnerTag, {
- propsData: {
- tag: mockTag,
- ...props,
- },
- directives: {
- GlTooltip: createMockDirective(),
- GlResizeObserver: createMockDirective(),
- },
- });
- };
-
- beforeEach(() => {
- createComponent();
- });
-
- afterEach(() => {
- wrapper.destroy();
- });
-
- it('Displays tag text', () => {
- expect(wrapper.text()).toBe(mockTag);
- });
-
- it('Displays tags with correct style', () => {
- expect(findBadge().props()).toMatchObject({
- size: 'sm',
- variant: RUNNER_TAG_BADGE_VARIANT,
- });
- });
-
- it('Displays tags with md size', () => {
- createComponent({
- props: { size: 'md' },
- });
-
- expect(findBadge().props('size')).toBe('md');
- });
-
- it.each`
- case | scrollWidth | offsetWidth | expectedTooltip
- ${'overflowing'} | ${110} | ${100} | ${mockTag}
- ${'not overflowing'} | ${90} | ${100} | ${''}
- ${'almost overflowing'} | ${100} | ${100} | ${''}
- `(
- 'Sets "$expectedTooltip" as tooltip when $case',
- async ({ scrollWidth, offsetWidth, expectedTooltip }) => {
- setDimensions({ scrollWidth, offsetWidth });
- await nextTick();
-
- expect(getTooltipValue()).toBe(expectedTooltip);
- },
- );
-});