mcp/carbon-components-svelte
1
0
Fork 0
mirror of https://github.com/carbon-design-system/carbon-components-svelte.git synced 2025-09-15 02:11:05 +00:00
Code Issues Projects Releases Packages Wiki Activity

refactor: use $$restProps API

Browse source 
- add ref prop for applicable components (#196)
- add slot to Content Switcher `Switch` component (#183)
- remove fillArray, css utilities
This commit is contained in:
Eric Liu 2020-07-18 20:00:20 -07:00
commit e886d772c7
288 changed files with 4681 additions and 4498 deletions
Download patch file Download diff file Expand all files Collapse all files

28
src/components/InlineLoading/InlineLoading.test.js
View file

@ -1,18 +1,24 @@
import { render } from '@testing-library/svelte';
import Component from './InlineLoading.svelte';
import { render } from "@testing-library/svelte";
import Component from "./InlineLoading.svelte";
test('InlineLoading', () => {
test("InlineLoading", () => {
const { container, rerender } = render(Component, {
description: 'description',
iconDescription: 'icon description'
description: "description",
iconDescription: "icon description",
});
expect(container.querySelector('.bx--inline-loading')).toHaveTextContent('description');
expect(container.querySelector('.bx--loading')).toBeInTheDocument();
expect(container.querySelector(".bx--inline-loading")).toHaveTextContent(
"description"
);
expect(container.querySelector(".bx--loading")).toBeInTheDocument();
rerender({ props: { status: 'error' } });
expect(container.querySelector('.bx--inline-loading--error')).toBeInTheDocument();
rerender({ props: { status: "error" } });
expect(
container.querySelector(".bx--inline-loading--error")
).toBeInTheDocument();
rerender({ props: { status: 'finished' } });
expect(container.querySelector('.bx--inline-loading__checkmark-container')).toBeInTheDocument();
rerender({ props: { status: "finished" } });
expect(
container.querySelector(".bx--inline-loading__checkmark-container")
).toBeInTheDocument();
});