CommunityRule/community-rule
2
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

Cleanup code and tests
CI Pipeline / test (20) (pull_request) Successful in 2m55s
Details
CI Pipeline / test (18) (pull_request) Successful in 3m32s
Details
CI Pipeline / e2e (webkit) (pull_request) Has been cancelled
Details
CI Pipeline / visual-regression (pull_request) Has been cancelled
Details
CI Pipeline / performance (pull_request) Has been cancelled
Details
CI Pipeline / storybook (pull_request) Has been cancelled
Details
CI Pipeline / lint (pull_request) Has been cancelled
Details
CI Pipeline / build (pull_request) Has been cancelled
Details
CI Pipeline / e2e (chromium) (pull_request) Has been cancelled
Details
CI Pipeline / e2e (firefox) (pull_request) Has been cancelled
Details

Browse Source
This commit is contained in:
adilallo
2025-10-14 17:34:05 -06:00
parent 9de194bfc0
commit c4a631a5d8
50 changed files with 436 additions and 370 deletions
Download Patch File Download Diff File Expand all files Collapse all files
tests/unit/RadioButton.test.jsx
+23 -11
View File
@@ -31,7 +31,11 @@ describe("RadioButton", () => {
const handleChange = vi.fn();
render(
<RadioButton checked={false} onChange={handleChange} label="Test Radio" />
<RadioButton
checked={false}
onChange={handleChange}
label="Test Radio"
/>,
);
const radioButton = screen.getByRole("radio");
@@ -53,7 +57,7 @@ describe("RadioButton", () => {
value="test-value"
onChange={handleChange}
label="Test Radio"
/>
/>,
);
const radioButton = screen.getByRole("radio");
@@ -70,7 +74,7 @@ describe("RadioButton", () => {
const handleChange = vi.fn();
render(
<RadioButton checked={true} onChange={handleChange} label="Test Radio" />
<RadioButton checked={true} onChange={handleChange} label="Test Radio" />,
);
const radioButton = screen.getByRole("radio");
@@ -85,7 +89,11 @@ describe("RadioButton", () => {
const handleChange = vi.fn();
render(
<RadioButton checked={false} onChange={handleChange} label="Test Radio" />
<RadioButton
checked={false}
onChange={handleChange}
label="Test Radio"
/>,
);
const radioButton = screen.getByRole("radio");
@@ -103,7 +111,11 @@ describe("RadioButton", () => {
const handleChange = vi.fn();
render(
<RadioButton checked={false} onChange={handleChange} label="Test Radio" />
<RadioButton
checked={false}
onChange={handleChange}
label="Test Radio"
/>,
);
const radioButton = screen.getByRole("radio");
@@ -121,7 +133,7 @@ describe("RadioButton", () => {
const radioButton = screen.getByRole("radio");
expect(radioButton).toHaveClass(
"outline-[var(--color-border-default-tertiary)]"
"outline-[var(--color-border-default-tertiary)]",
);
});
@@ -130,7 +142,7 @@ describe("RadioButton", () => {
const radioButton = screen.getByRole("radio");
expect(radioButton).toHaveClass(
"outline-[var(--color-border-inverse-primary)]"
"outline-[var(--color-border-inverse-primary)]",
);
});
@@ -155,7 +167,7 @@ describe("RadioButton", () => {
value="test-value"
checked={true}
label="Test Radio"
/>
/>,
);
const hiddenInput = screen.getByDisplayValue("test-value");
@@ -209,7 +221,7 @@ describe("RadioButton", () => {
it("shows dot indicator when checked", () => {
render(
<RadioButton checked={true} mode="standard" label="Checked Radio" />
<RadioButton checked={true} mode="standard" label="Checked Radio" />,
);
const dot = screen.getByRole("radio").querySelector("div");
@@ -218,7 +230,7 @@ describe("RadioButton", () => {
it("hides dot indicator when unchecked", () => {
render(
<RadioButton checked={false} mode="standard" label="Unchecked Radio" />
<RadioButton checked={false} mode="standard" label="Unchecked Radio" />,
);
const dot = screen.getByRole("radio").querySelector("div");
@@ -230,7 +242,7 @@ describe("RadioButton", () => {
expect(
backgroundColor === "transparent" ||
backgroundColor === "rgba(0, 0, 0, 0)" ||
backgroundColor === ""
backgroundColor === "",
).toBe(true);
});
});