♻️(react) merge duplicated scss classes related to accessibility

'offscreen' and 'c__offscreen' were duplicated, merge these two classes
in a dedicated utils file.
This commit is contained in:
Lebaud Antoine
2023-10-13 21:23:09 +02:00
committed by aleb_the_flash
parent b714c3d543
commit d5fcf500b7
6 changed files with 16 additions and 18 deletions

View File

@@ -33,7 +33,7 @@ export const LabelledBox = ({
<label
className={classNames("labelled-box__label", {
placeholder: labelAsPlaceholder,
offscreen: hideLabel,
c__offscreen: hideLabel,
})}
htmlFor={htmlFor}
id={labelId}

View File

@@ -1569,7 +1569,7 @@ describe("<Select/>", () => {
name: "City",
});
const label = screen.getByText("City")!.parentElement!;
expect(Array.from(label.classList)).toContain("offscreen");
expect(Array.from(label.classList)).toContain("c__offscreen");
});
it("renders menu empty placeholder when there are no options to display", async () => {

View File

@@ -726,7 +726,7 @@ describe("<Select multi={true} />", () => {
name: "Cities",
});
const label = screen.getByText("Cities")!.parentElement!;
expect(Array.from(label.classList)).toContain("offscreen");
expect(Array.from(label.classList)).toContain("c__offscreen");
});
it("is possible to select again the last deleted item", async () => {