diff --git a/packages/pluggableWidgets/carousel-web/jest.config.js b/packages/pluggableWidgets/carousel-web/jest.config.js
index 890239bf65..9669dc6e63 100644
--- a/packages/pluggableWidgets/carousel-web/jest.config.js
+++ b/packages/pluggableWidgets/carousel-web/jest.config.js
@@ -1,4 +1,4 @@
-const base = require("@mendix/pluggable-widgets-tools/test-config/jest.config");
+const base = require("@mendix/pluggable-widgets-tools/test-config/jest.enzyme-free.config.js");
 
 module.exports = {
     ...base,
diff --git a/packages/pluggableWidgets/carousel-web/package.json b/packages/pluggableWidgets/carousel-web/package.json
index ff0403bf72..df4280b261 100644
--- a/packages/pluggableWidgets/carousel-web/package.json
+++ b/packages/pluggableWidgets/carousel-web/package.json
@@ -43,9 +43,7 @@
     },
     "dependencies": {
         "@mendix/widget-plugin-component-kit": "workspace:*",
-        "@types/react-test-renderer": "^18.0.7",
         "classnames": "^2.5.1",
-        "react-test-renderer": "^18.2.0",
         "swiper": "^9.4.1"
     },
     "devDependencies": {
diff --git a/packages/pluggableWidgets/carousel-web/src/components/__tests__/Carousel.spec.tsx b/packages/pluggableWidgets/carousel-web/src/components/__tests__/Carousel.spec.tsx
index 2802b5ca5e..70359033ff 100644
--- a/packages/pluggableWidgets/carousel-web/src/components/__tests__/Carousel.spec.tsx
+++ b/packages/pluggableWidgets/carousel-web/src/components/__tests__/Carousel.spec.tsx
@@ -1,12 +1,13 @@
 import { createElement } from "react";
 import { Carousel, CarouselProps } from "../Carousel";
-import renderer from "react-test-renderer";
+import { render } from "@testing-library/react";
 import { GUID } from "mendix";
 
-beforeEach(() => {
-    jest.resetAllMocks();
-});
 describe("Carousel", () => {
+    beforeEach(() => {
+        jest.resetAllMocks();
+        jest.spyOn(Math, "random").mockReturnValue(0.123456789);
+    });
     const defaultCarouselProps: CarouselProps = {
         id: "Carousel",
         className: "",
@@ -24,18 +25,21 @@ describe("Carousel", () => {
     };
 
     it("renders correctly", () => {
-        const carousel = renderer.create(<Carousel {...defaultCarouselProps} />);
+        const { asFragment } = render(<Carousel {...defaultCarouselProps} />);
 
-        expect(carousel).toMatchSnapshot();
+        expect(asFragment()).toMatchSnapshot();
     });
     it("renders correctly without pagination", () => {
-        const carousel = renderer.create(<Carousel {...defaultCarouselProps} pagination={false} />);
+        const { asFragment } = render(<Carousel {...defaultCarouselProps} pagination={false} />);
 
-        expect(carousel).toMatchSnapshot();
+        expect(asFragment()).toMatchSnapshot();
     });
     it("renders correctly without navigation", () => {
-        const carousel = renderer.create(<Carousel {...defaultCarouselProps} navigation={false} />);
+        const { asFragment } = render(<Carousel {...defaultCarouselProps} navigation={false} />);
 
-        expect(carousel).toMatchSnapshot();
+        expect(asFragment()).toMatchSnapshot();
+    });
+    afterEach(() => {
+        jest.restoreAllMocks();
     });
 });
diff --git a/packages/pluggableWidgets/carousel-web/src/components/__tests__/__snapshots__/Carousel.spec.tsx.snap b/packages/pluggableWidgets/carousel-web/src/components/__tests__/__snapshots__/Carousel.spec.tsx.snap
index 1c42839336..37045c39d3 100644
--- a/packages/pluggableWidgets/carousel-web/src/components/__tests__/__snapshots__/Carousel.spec.tsx.snap
+++ b/packages/pluggableWidgets/carousel-web/src/components/__tests__/__snapshots__/Carousel.spec.tsx.snap
@@ -1,124 +1,214 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Carousel renders correctly 1`] = `
-<div
-  className="widget-carousel"
->
+<DocumentFragment>
   <div
-    className="swiper"
+    class="widget-carousel"
   >
-    <ul
-      className="swiper-wrapper"
+    <div
+      class="swiper swiper-fade swiper-initialized swiper-horizontal swiper-watch-progress"
     >
-      <li
-        aria-hidden={false}
-        className="swiper-slide"
-        id="carousel-slide-Carousel-1"
-        onLoad={[Function]}
+      <ul
+        aria-live="off"
+        class="swiper-wrapper"
+        id="swiper-wrapper-2222222222222222"
+        style="transition-duration: 0ms;"
       >
-        <div>
-          test1
-        </div>
-      </li>
-      <li
-        aria-hidden={true}
-        className="swiper-slide"
-        id="carousel-slide-Carousel-2"
-        onLoad={[Function]}
+        <li
+          aria-hidden="false"
+          aria-label="1 / 2"
+          class="swiper-slide"
+          data-swiper-slide-index="0"
+          id="carousel-slide-Carousel-1"
+          role="listitem"
+        >
+          <div>
+            test1
+          </div>
+        </li>
+        <li
+          aria-hidden="true"
+          aria-label="2 / 2"
+          class="swiper-slide"
+          data-swiper-slide-index="1"
+          id="carousel-slide-Carousel-2"
+          role="listitem"
+        >
+          <div>
+            test2
+          </div>
+        </li>
+      </ul>
+      <div
+        aria-controls="swiper-wrapper-2222222222222222"
+        aria-label="Previous slide"
+        class="swiper-button-prev"
+        role="button"
+        tabindex="0"
+      />
+      <div
+        aria-controls="swiper-wrapper-2222222222222222"
+        aria-label="Next slide"
+        class="swiper-button-next"
+        role="button"
+        tabindex="0"
+      />
+      <div
+        class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets swiper-pagination-horizontal"
       >
-        <div>
-          test2
-        </div>
-      </li>
-    </ul>
-    <div
-      className="swiper-button-prev"
-    />
-    <div
-      className="swiper-button-next"
-    />
-    <div
-      className="swiper-pagination"
-    />
+        <span
+          aria-controls="carousel-slide-Carousel-1"
+          aria-current="true"
+          aria-label="Go to slide 0"
+          class="swiper-pagination-bullet swiper-pagination-bullet-active"
+          role="button"
+          tabindex="0"
+        />
+        <span
+          aria-controls="carousel-slide-Carousel-2"
+          aria-label="Go to slide 1"
+          class="swiper-pagination-bullet"
+          role="button"
+          tabindex="0"
+        />
+      </div>
+      <span
+        aria-atomic="true"
+        aria-live="assertive"
+        class="swiper-notification"
+      />
+    </div>
   </div>
-</div>
+</DocumentFragment>
 `;
 
 exports[`Carousel renders correctly without navigation 1`] = `
-<div
-  className="widget-carousel"
->
+<DocumentFragment>
   <div
-    className="swiper"
+    class="widget-carousel"
   >
-    <ul
-      className="swiper-wrapper"
+    <div
+      class="swiper swiper-fade swiper-initialized swiper-horizontal swiper-watch-progress"
     >
-      <li
-        aria-hidden={false}
-        className="swiper-slide"
-        id="carousel-slide-Carousel-1"
-        onLoad={[Function]}
+      <ul
+        aria-live="off"
+        class="swiper-wrapper"
+        id="swiper-wrapper-2222222222222222"
+        style="transition-duration: 0ms;"
       >
-        <div>
-          test1
-        </div>
-      </li>
-      <li
-        aria-hidden={true}
-        className="swiper-slide"
-        id="carousel-slide-Carousel-2"
-        onLoad={[Function]}
+        <li
+          aria-hidden="false"
+          aria-label="1 / 2"
+          class="swiper-slide"
+          data-swiper-slide-index="0"
+          id="carousel-slide-Carousel-1"
+          role="listitem"
+        >
+          <div>
+            test1
+          </div>
+        </li>
+        <li
+          aria-hidden="true"
+          aria-label="2 / 2"
+          class="swiper-slide"
+          data-swiper-slide-index="1"
+          id="carousel-slide-Carousel-2"
+          role="listitem"
+        >
+          <div>
+            test2
+          </div>
+        </li>
+      </ul>
+      <div
+        class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets swiper-pagination-horizontal"
       >
-        <div>
-          test2
-        </div>
-      </li>
-    </ul>
-    <div
-      className="swiper-pagination"
-    />
+        <span
+          aria-controls="carousel-slide-Carousel-1"
+          aria-current="true"
+          aria-label="Go to slide 0"
+          class="swiper-pagination-bullet swiper-pagination-bullet-active"
+          role="button"
+          tabindex="0"
+        />
+        <span
+          aria-controls="carousel-slide-Carousel-2"
+          aria-label="Go to slide 1"
+          class="swiper-pagination-bullet"
+          role="button"
+          tabindex="0"
+        />
+      </div>
+      <span
+        aria-atomic="true"
+        aria-live="assertive"
+        class="swiper-notification"
+      />
+    </div>
   </div>
-</div>
+</DocumentFragment>
 `;
 
 exports[`Carousel renders correctly without pagination 1`] = `
-<div
-  className="widget-carousel"
->
+<DocumentFragment>
   <div
-    className="swiper"
+    class="widget-carousel"
   >
-    <ul
-      className="swiper-wrapper"
+    <div
+      class="swiper swiper-fade swiper-initialized swiper-horizontal swiper-watch-progress"
     >
-      <li
-        aria-hidden={false}
-        className="swiper-slide"
-        id="carousel-slide-Carousel-1"
-        onLoad={[Function]}
-      >
-        <div>
-          test1
-        </div>
-      </li>
-      <li
-        aria-hidden={true}
-        className="swiper-slide"
-        id="carousel-slide-Carousel-2"
-        onLoad={[Function]}
+      <ul
+        aria-live="off"
+        class="swiper-wrapper"
+        id="swiper-wrapper-2222222222222222"
+        style="transition-duration: 0ms;"
       >
-        <div>
-          test2
-        </div>
-      </li>
-    </ul>
-    <div
-      className="swiper-button-prev"
-    />
-    <div
-      className="swiper-button-next"
-    />
+        <li
+          aria-hidden="false"
+          aria-label="1 / 2"
+          class="swiper-slide"
+          data-swiper-slide-index="0"
+          id="carousel-slide-Carousel-1"
+          role="listitem"
+        >
+          <div>
+            test1
+          </div>
+        </li>
+        <li
+          aria-hidden="true"
+          aria-label="2 / 2"
+          class="swiper-slide"
+          data-swiper-slide-index="1"
+          id="carousel-slide-Carousel-2"
+          role="listitem"
+        >
+          <div>
+            test2
+          </div>
+        </li>
+      </ul>
+      <div
+        aria-controls="swiper-wrapper-2222222222222222"
+        aria-label="Previous slide"
+        class="swiper-button-prev"
+        role="button"
+        tabindex="0"
+      />
+      <div
+        aria-controls="swiper-wrapper-2222222222222222"
+        aria-label="Next slide"
+        class="swiper-button-next"
+        role="button"
+        tabindex="0"
+      />
+      <span
+        aria-atomic="true"
+        aria-live="assertive"
+        class="swiper-notification"
+      />
+    </div>
   </div>
-</div>
+</DocumentFragment>
 `;
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index a7a3cb2e71..7f67dd04a0 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -694,15 +694,9 @@ importers:
       '@mendix/widget-plugin-component-kit':
         specifier: workspace:*
         version: link:../../shared/widget-plugin-component-kit
-      '@types/react-test-renderer':
-        specifier: ^18.0.7
-        version: 18.0.7
       classnames:
         specifier: ^2.5.1
         version: 2.5.1
-      react-test-renderer:
-        specifier: ^18.2.0
-        version: 18.2.0(react@18.2.0)
       swiper:
         specifier: ^9.4.1
         version: 9.4.1
@@ -4930,9 +4924,6 @@ packages:
   '@types/react-plotly.js@2.6.3':
     resolution: {integrity: sha512-HBQwyGuu/dGXDsWhnQrhH+xcJSsHvjkwfSRjP+YpOsCCWryIuXF78ZCBjpfgO3sCc0Jo8sYp4NOGtqT7Cn3epQ==}
 
-  '@types/react-test-renderer@18.0.7':
-    resolution: {integrity: sha512-1+ANPOWc6rB3IkSnElhjv6VLlKg2dSv/OWClUyZimbLsQyBn8Js9Vtdsi3UICJ2rIQ3k2la06dkB+C92QfhKmg==}
-
   '@types/react@18.2.36':
     resolution: {integrity: sha512-o9XFsHYLLZ4+sb9CWUYwHqFVoG61SesydF353vFMMsQziiyRu8np4n2OYMUSDZ8XuImxDr9c5tR7gidlH29Vnw==}
 
@@ -14422,10 +14413,6 @@ snapshots:
       '@types/plotly.js': 2.12.30
       '@types/react': 18.2.36
 
-  '@types/react-test-renderer@18.0.7':
-    dependencies:
-      '@types/react': 18.2.36
-
   '@types/react@18.2.36':
     dependencies:
       '@types/prop-types': 15.7.9