Merge branch 'master' into playwright-pipeline-investigation

CHANGELOG.md

@@ -1,3 +1,10 @@
+## [144.22.0](https://github.com/Sage/carbon/compare/v144.21.1...v144.22.0) (2024-12-16)
+
+
+### Features
+
+* **typography:** allow listitem to inherit variant from parent list ([ad4f4e7](https://github.com/Sage/carbon/commit/ad4f4e761cf14927a5a2e122e4450f9ee995722d)), closes [#5413](https://github.com/Sage/carbon/issues/5413)
+
 ### [144.21.1](https://github.com/Sage/carbon/compare/v144.21.0...v144.21.1) (2024-12-13)
 
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "carbon-react",
-  "version": "144.21.1",
+  "version": "144.22.0",
   "description": "A library of reusable React components for easily building user interfaces.",
   "files": [
     "lib",

src/__internal__/checkable-input/checkable-input.test.tsx

@@ -1,5 +1,5 @@
 import React from "react";
-import { render, screen } from "@testing-library/react";
+import { act, render, screen } from "@testing-library/react";
 import CheckableInput from ".";
 
 test("renders `label` with expected id when `id` prop is passed", () => {
@@ -40,7 +40,9 @@ test("renders input with 'aria-describedby' as the id of the validation tooltip
 
   expect(input).not.toHaveAttribute("aria-describedby");
 
-  input.focus();
+  act(() => {
+    input.focus();
+  });
 
   expect(input).toHaveAttribute("aria-describedby", "foo-validation");
 });
@@ -59,7 +61,9 @@ test("appends the id of the validation tooltip to the input's 'aria-describedby'
 
   expect(input).toHaveAttribute("aria-describedby", "foo-field-help");
 
-  input.focus();
+  act(() => {
+    input.focus();
+  });
 
   expect(input).toHaveAttribute(
     "aria-describedby",

src/__internal__/fieldset/fieldset.test.tsx

@@ -1,5 +1,5 @@
 import React from "react";
-import { render, screen, within } from "@testing-library/react";
+import { act, render, screen, within } from "@testing-library/react";
 import Fieldset from ".";
 import { testStyledSystemMargin } from "../../__spec_helper__/__internal__/test-utils";
 
@@ -96,11 +96,16 @@ test("sets `aria-describedby` on help icon as tooltip content when focused and r
       <input />
     </Fieldset>,
   );
-
   const help = screen.getByRole("button", { name: "help" });
-  help.focus();
+
+  act(() => {
+    help.focus();
+  });
   expect(help).toHaveAccessibleDescription("label help");
-  help.blur();
+
+  act(() => {
+    help.blur();
+  });
   expect(help).not.toHaveAttribute("aria-describedby");
 });