mcp/carbon-components-svelte
1
0
Fork 0
mirror of https://github.com/carbon-design-system/carbon-components-svelte.git synced 2025-09-16 10:51:06 +00:00
Code Issues Projects Releases Packages Wiki Activity

chnages to sidenav

Browse source
This commit is contained in:
Adan Ulloa 2020-01-20 12:00:19 -06:00
commit a77127000d
186 changed files with 10791 additions and 833 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/components/InlineLoading/InlineLoading.svelte
View file

@ -1,11 +1,11 @@
<script>
let className = undefined;
export { className as class };
export let status = 'active';
export let description = undefined;
export let iconDescription = undefined;
export let successDelay = 1500;
export let status = 'active';
export let style = undefined;
export let successDelay = 1500;
import { createEventDispatcher, afterUpdate, onDestroy } from 'svelte';
import CheckmarkFilled16 from 'carbon-icons-svelte/lib/CheckmarkFilled16';

18
src/components/InlineLoading/InlineLoading.test.js Normal file
View file

@ -0,0 +1,18 @@
import { render } from '@testing-library/svelte';
import Component from './InlineLoading.svelte';
test('InlineLoading', () => {
const { container, rerender } = render(Component, {
description: 'description',
iconDescription: 'icon description'
});
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: 'finished' } });
expect(container.querySelector('.bx--inline-loading__checkmark-container')).toBeInTheDocument();
});