mirror of
https://github.com/carbon-design-system/carbon-components-svelte.git
synced 2025-09-16 02:41:05 +00:00
Merge pull request #98 from metonym/test
test(components): add Link test
This commit is contained in:
commit
ddb91f6327
1 changed files with 23 additions and 0 deletions
23
src/components/Link/Link.test.js
Normal file
23
src/components/Link/Link.test.js
Normal file
|
@ -0,0 +1,23 @@
|
||||||
|
import { render } from '@testing-library/svelte';
|
||||||
|
import Component from './Link.Story.svelte';
|
||||||
|
|
||||||
|
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');
|
||||||
|
});
|
Loading…
Add table
Add a link
Reference in a new issue