diff --git a/src/components/Link/Link.test.js b/src/components/Link/Link.test.js index d8979152..09e4c194 100644 --- a/src/components/Link/Link.test.js +++ b/src/components/Link/Link.test.js @@ -1,33 +1,23 @@ import { render } from '@testing-library/svelte'; import Component from './Link.Story.svelte'; -describe('Link', () => { - function hasClass(element, className) { - return element.classList.contains(className); - } - - test('default', () => { - const { getByText, container, rerender } = render(Component, { - href: '#', - inline: false, - disabled: false - }); - - const selector = '.bx--link'; - let element = null; - - element = container.querySelector(selector); - expect(element).toBeInTheDocument(); - expect(element.getAttribute('href')).toEqual('#'); - expect(hasClass(element, 'bx--link--inline')).toEqual(false); - expect(hasClass(element, 'bx--link--disabled')).toEqual(false); - expect(getByText('Link')).toBeInTheDocument(); - expect(container.innerHTML).toMatchSnapshot(); - - rerender({ props: { inline: true, disabled: true } }); - element = container.querySelector(selector); - expect(hasClass(element, 'bx--link--inline')).toEqual(true); - expect(hasClass(element, 'bx--link--disabled')).toEqual(true); - expect(container.innerHTML).toMatchSnapshot(); +test('Link', () => { + const { container, rerender } = render(Component, { + href: '#', + inline: false, + disabled: false }); + + const selector = '.bx--link'; + let element = null; + + element = container.querySelector(selector); + expect(element).toHaveAttribute('href', '#'); + expect(element).not.toHaveClass('bx--link--inline', 'bx--link--disabled'); + expect(element).toHaveTextContent('Link'); + + rerender({ props: { inline: true, disabled: true } }); + + element = container.querySelector(selector); + expect(element).toHaveClass('bx--link--inline', 'bx--link--disabled'); }); diff --git a/src/components/Link/__snapshots__/Link.test.js.snap b/src/components/Link/__snapshots__/Link.test.js.snap deleted file mode 100644 index 7036ee4a..00000000 --- a/src/components/Link/__snapshots__/Link.test.js.snap +++ /dev/null @@ -1,5 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Link default 1`] = `"
"`; - -exports[`Link default 2`] = `"Link