diff --git a/packages/react/src/components/Forms/Input/index.spec.tsx b/packages/react/src/components/Forms/Input/index.spec.tsx
index a100416..3e1681c 100644
--- a/packages/react/src/components/Forms/Input/index.spec.tsx
+++ b/packages/react/src/components/Forms/Input/index.spec.tsx
@@ -37,6 +37,7 @@ describe("", () => {
);
+
const input: HTMLInputElement = screen.getByRole("textbox", {
name: "First name",
});
@@ -45,15 +46,21 @@ describe("", () => {
});
const label = screen.getByText("First name");
expect(Array.from(label.classList)).toContain("placeholder");
+
// Clicking on the input should remove the placeholder class.
await user.click(input);
+
expect(Array.from(label.classList)).not.toContain("placeholder");
+
// Writing something should remove the placeholder class too.
await user.type(input, "John");
+
expect(Array.from(label.classList)).not.toContain("placeholder");
+
// Clearing the input and focus out should add the placeholder class
await user.clear(input);
await user.click(input2);
+
expect(Array.from(label.classList)).toContain("placeholder");
});
it("renders with state=success", async () => {
diff --git a/yarn.lock b/yarn.lock
index 1ce6f10..9f0696c 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -3347,7 +3347,7 @@
resolved "https://registry.yarnpkg.com/@tanstack/table-core/-/table-core-8.9.1.tgz#869410ca1748c45d4e19ccfd4db7e36452611674"
integrity sha512-2+R83n8vMZND0q3W1lSiF7co9nFbeWbjAErFf27xwbeA9E0wtUu5ZDfgj+TZ6JzdAEQAgfxkk/QNFAKiS8E4MA==
-"@testing-library/dom@9.3.0":
+"@testing-library/dom@9.3.0", "@testing-library/dom@^9.0.0":
version "9.3.0"
resolved "https://registry.yarnpkg.com/@testing-library/dom/-/dom-9.3.0.tgz#ed8ce10aa5e05eb6eaf0635b5b8975d889f66075"
integrity sha512-Dffe68pGwI6WlLRYR2I0piIkyole9cSBH5jGQKCGMRpHW5RHCqAUaqc2Kv0tUyd4dU4DLPKhJIjyKOnjv4tuUw==
@@ -3375,20 +3375,6 @@
lz-string "^1.4.4"
pretty-format "^27.0.2"
-"@testing-library/dom@^9.0.0":
- version "9.2.0"
- resolved "https://registry.yarnpkg.com/@testing-library/dom/-/dom-9.2.0.tgz#0e1f45e956f2a16f471559c06edd8827c4832f04"
- integrity sha512-xTEnpUKiV/bMyEsE5bT4oYA0x0Z/colMtxzUY8bKyPXBNLn/e0V4ZjBZkEhms0xE4pv9QsPfSRu9AWS4y5wGvA==
- dependencies:
- "@babel/code-frame" "^7.10.4"
- "@babel/runtime" "^7.12.5"
- "@types/aria-query" "^5.0.1"
- aria-query "^5.0.0"
- chalk "^4.1.0"
- dom-accessibility-api "^0.5.9"
- lz-string "^1.5.0"
- pretty-format "^27.0.2"
-
"@testing-library/jest-dom@5.16.5":
version "5.16.5"
resolved "https://registry.yarnpkg.com/@testing-library/jest-dom/-/jest-dom-5.16.5.tgz#3912846af19a29b2dbf32a6ae9c31ef52580074e"