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

test(aspect-ratio): add unit tests

Browse source
This commit is contained in:
Eric Liu 2024-12-29 13:05:33 -08:00
commit 907a4ed918
4 changed files with 34 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

6
tests/App.test.svelte
View file

@ -1,5 +1,6 @@
<script lang="ts"> <script lang="ts">
import { TreeView as TreeViewNav } from "carbon-components-svelte"; import { TreeView as TreeViewNav } from "carbon-components-svelte";
import AspectRatio from "./AspectRatio/AspectRatio.test.svelte";
import Accordion from "./Accordion/Accordion.test.svelte"; import Accordion from "./Accordion/Accordion.test.svelte";
import AccordionProgrammatic from "./Accordion/Accordion.programmatic.test.svelte"; import AccordionProgrammatic from "./Accordion/Accordion.programmatic.test.svelte";
import AccordionDisabled from "./Accordion/Accordion.disabled.test.svelte"; import AccordionDisabled from "./Accordion/Accordion.disabled.test.svelte";
@ -10,6 +11,11 @@
import { onMount } from "svelte"; import { onMount } from "svelte";
const routes = [ const routes = [
{
path: "/aspect-ratio",
name: "AspectRatio",
component: AspectRatio,
},
{ {
path: "/accordion", path: "/accordion",
name: "Accordion", name: "Accordion",

7
tests/AspectRatio.test.svelte
View file

@ -1,7 +0,0 @@
<script lang="ts">
import { AspectRatio, Tile } from "carbon-components-svelte";
</script>
<AspectRatio ratio="16x9">
<Tile style="height: 100%">Content</Tile>
</AspectRatio>

13
tests/AspectRatio/AspectRatio.test.svelte Normal file
View file

@ -0,0 +1,13 @@
<script lang="ts">
import { AspectRatio } from "carbon-components-svelte";
</script>
<AspectRatio>2x1</AspectRatio>
<AspectRatio ratio="2x3">2x3</AspectRatio>
<AspectRatio ratio="16x9">16x9</AspectRatio>
<AspectRatio ratio="4x3">4x3</AspectRatio>
<AspectRatio ratio="1x1">1x1</AspectRatio>
<AspectRatio ratio="3x4">3x4</AspectRatio>
<AspectRatio ratio="3x2">3x2</AspectRatio>
<AspectRatio ratio="9x16">9x16</AspectRatio>
<AspectRatio ratio="1x2">1x2</AspectRatio>

15
tests/AspectRatio/AspectRatio.test.ts Normal file
View file

@ -0,0 +1,15 @@
import { render, screen } from "@testing-library/svelte";
import AspectRatio from "./AspectRatio.test.svelte";
describe("AspectRatio", () => {
it("renders correctly", () => {
render(AspectRatio);
["2x1", "2x3", "16x9", "4x3", "1x1", "3x4", "3x2", "9x16", "1x2"].forEach(
(ratio) => {
const boundingElement = screen.getByText(ratio).parentElement;
expect(boundingElement).toHaveClass(`bx--aspect-ratio--${ratio}`);
},
);
});
});