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

test(button-set): add unit tests

Browse source
This commit is contained in:
Eric Liu 2025-04-12 13:17:32 -07:00
commit b9de4591be
3 changed files with 36 additions and 14 deletions
Download patch file Download diff file Expand all files Collapse all files

26
tests/ButtonSet/ButtonSet.test.ts Normal file
View file

@ -0,0 +1,26 @@
import { render, screen } from "@testing-library/svelte";
import ButtonSet from "./ButtonSet.test.svelte";
describe("ButtonSet", () => {
it("renders buttons juxtaposed by default", () => {
render(ButtonSet);
const buttonSet = screen.getByTestId("button-set");
expect(buttonSet).toBeInTheDocument();
expect(buttonSet).toHaveClass("bx--btn-set");
});
it("renders buttons vertically when stacked prop is true", () => {
render(ButtonSet, { stacked: true });
const buttonSet = screen.getByTestId("button-set");
expect(buttonSet).toBeInTheDocument();
expect(buttonSet).toHaveClass("bx--btn-set");
expect(buttonSet).toHaveClass("bx--btn-set--stacked");
const buttons = screen.getAllByRole("button");
expect(buttons).toHaveLength(2);
expect(buttons[0]).toHaveTextContent("Cancel");
expect(buttons[1]).toHaveTextContent("Submit");
});
});