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

test: add unit tests for AspectRatio, Tag

Browse source
This commit is contained in:
Eric Liu 2024-12-29 13:49:29 -08:00 • committed by GitHub
commit f3a8d9972c
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
7 changed files with 158 additions and 13 deletions
Download patch file Download diff file Expand all files Collapse all files

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}`);
},
);
});
});