Merge branch 'master' into pw_remove_awaits

.github/workflows/playwright.yml

@@ -12,7 +12,7 @@ jobs:
     timeout-minutes: 30
     runs-on: ubuntu-latest
     container:
-      image: mcr.microsoft.com/playwright:v1.47.0-jammy
+      image: mcr.microsoft.com/playwright:v1.49.1-noble
     strategy:
       fail-fast: false
       matrix:

CHANGELOG.md

@@ -1,3 +1,17 @@
+### [144.22.1](https://github.com/Sage/carbon/compare/v144.22.0...v144.22.1) (2024-12-17)
+
+
+### Performance Improvements
+
+* **pipeline:** update Playwright image to latest ([873c077](https://github.com/Sage/carbon/commit/873c07774e8ca28cb5665c16dc9e9ea98761a10d))
+
+## [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.1",
   "description": "A library of reusable React components for easily building user interfaces.",
   "files": [
     "lib",

playwright-ct.config.ts

@@ -1,4 +1,5 @@
 import { defineConfig, devices } from "@playwright/experimental-ct-react17";
+
 import { resolve } from "path";
 
 const playwrightDir = resolve(__dirname, "./playwright");
@@ -30,7 +31,7 @@ export default defineConfig({
   /* Shared settings for all the projects below. See https://playwright.dev/docs/api/class-testoptions. */
   use: {
     /* Collect trace when retrying the failed test. See https://playwright.dev/docs/trace-viewer */
-    trace: "on-first-retry",
+    trace: "retain-on-failure",
     /* Port to use for Playwright component endpoint. */
     ctPort: 3100,
     /* Custom config for internal bundler Playwright uses for component tests. See https://playwright.dev/docs/test-components#under-the-hood */

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");
 });