diff --git a/.changeset/moody-rats-yell.md b/.changeset/moody-rats-yell.md
new file mode 100644
index 00000000..34c6c4e5
--- /dev/null
+++ b/.changeset/moody-rats-yell.md
@@ -0,0 +1,5 @@
+---
+"@ima/plugin-atoms": minor
+---
+
+Add default oc binding of `$UIComponentHelper`. If you are calling `oc.bind('$UIComponentHelper', UIComponentHelper);` in your project, you can remove it.
diff --git a/.gitignore b/.gitignore
index 13b47610..41705dd7 100644
--- a/.gitignore
+++ b/.gitignore
@@ -9,3 +9,4 @@
 .eslintcache
 *.tgz
 **/.turbo
+.swc/
diff --git a/jest.config.base.js b/jest.config.base.js
index c3ba9240..9688d31c 100644
--- a/jest.config.base.js
+++ b/jest.config.base.js
@@ -3,17 +3,16 @@
  */
 module.exports = {
   rootDir: '.',
-  testEnvironment: 'node',
   testRegex: '(/__tests__/).*Spec\\.jsx?$',
   modulePaths: ['<rootDir>/'],
-  transformIgnorePatterns: [
-    'node_modules/(?!(@ima/core|@ima/react-page-renderer)/)',
-  ],
   transform: {
     '^.+\\.(js|jsx)$': [
       '@swc/jest',
       {
         jsc: {
+          experimental: {
+            plugins: [['swc_mut_cjs_exports', {}]],
+          },
           target: 'es2022',
           parser: {
             syntax: 'ecmascript',
@@ -31,6 +30,9 @@ module.exports = {
       '@swc/jest',
       {
         jsc: {
+          experimental: {
+            plugins: [['swc_mut_cjs_exports', {}]],
+          },
           target: 'es2022',
           parser: {
             syntax: 'typescript',
diff --git a/jest.config.itl.js b/jest.config.itl.js
new file mode 100644
index 00000000..0e79f045
--- /dev/null
+++ b/jest.config.itl.js
@@ -0,0 +1,9 @@
+const base = require('./jest.config.base.js');
+
+module.exports = {
+  ...base,
+  preset: '@ima/testing-library',
+  moduleNameMapper: {
+    '^app/main$': '<rootDir>/../../utils/integration/main.js',
+  },
+};
diff --git a/package-lock.json b/package-lock.json
index 454287b9..61f6220e 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -14,16 +14,17 @@
       "devDependencies": {
         "@babel/eslint-parser": "^7.21.8",
         "@babel/preset-react": "^7.22.3",
-        "@cfaester/enzyme-adapter-react-18": "^0.7.0",
         "@changesets/cli": "^2.26.1",
         "@ima/plugin-cli": "^19.1.2",
+        "@ima/testing-library": "^19.9.0",
         "@swc/jest": "^0.2.26",
+        "@testing-library/dom": "^10.4.0",
+        "@testing-library/jest-dom": "^6.4.8",
+        "@testing-library/react": "^16.0.0",
         "@types/jest": "^29.5.1",
         "@types/node": "^20.2.5",
         "@typescript-eslint/eslint-plugin": "^5.59.8",
         "@typescript-eslint/parser": "^5.59.8",
-        "enzyme": "3.11.0",
-        "enzyme-to-json": "^3.6.2",
         "eslint": "^8.41.0",
         "eslint-config-prettier": "^8.8.0",
         "eslint-plugin-import": "^2.27.5",
@@ -48,6 +49,7 @@
         "stylelint-config-standard": "^33.0.0",
         "stylelint-declaration-block-no-ignored-properties": "^2.7.0",
         "stylelint-order": "^6.0.3",
+        "swc_mut_cjs_exports": "^0.99.0",
         "to-mock": "^1.6.2",
         "turbo": "^1.12.5",
         "type-fest": "^4.12.0",
@@ -63,6 +65,13 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/@adobe/css-tools": {
+      "version": "4.4.0",
+      "resolved": "https://registry.npmjs.org/@adobe/css-tools/-/css-tools-4.4.0.tgz",
+      "integrity": "sha512-Ff9+ksdQQB3rMncgqDK78uLznstjyfIf2Arnh22pW8kBpLs6rpKDwgnZT46hin5Hl1WzazzK64DOrhSwYpS7bQ==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/@ampproject/remapping": {
       "version": "2.3.0",
       "resolved": "https://registry.npmjs.org/@ampproject/remapping/-/remapping-2.3.0.tgz",
@@ -742,22 +751,6 @@
         "lodash": "^4.0.0"
       }
     },
-    "node_modules/@cfaester/enzyme-adapter-react-18": {
-      "version": "0.7.1",
-      "resolved": "https://registry.npmjs.org/@cfaester/enzyme-adapter-react-18/-/enzyme-adapter-react-18-0.7.1.tgz",
-      "integrity": "sha512-Z3m1qNSlQdrcXdnPSGOAysLdgJFSowu7sbK1cHRcWXuZGS3WOTFOS0kIXbWMa1FnkEbswlIU6KgS+8qKgM6Kqw==",
-      "dev": true,
-      "dependencies": {
-        "enzyme-shallow-equal": "^1.0.0",
-        "react-is": "^18.2.0",
-        "react-test-renderer": "^18.2.0"
-      },
-      "peerDependencies": {
-        "enzyme": "^3.11.0",
-        "react": "^18.2.0",
-        "react-dom": "^18.2.0"
-      }
-    },
     "node_modules/@changesets/apply-release-plan": {
       "version": "7.0.0",
       "resolved": "https://registry.npmjs.org/@changesets/apply-release-plan/-/apply-release-plan-7.0.0.tgz",
@@ -2855,6 +2848,27 @@
         "node": ">=8"
       }
     },
+    "node_modules/@ima/testing-library": {
+      "version": "19.9.0",
+      "resolved": "https://registry.npmjs.org/@ima/testing-library/-/testing-library-19.9.0.tgz",
+      "integrity": "sha512-+tz72WKIB62j+s4LLacMwG0+eDMLZLuX608XurgOQN+diWjt5tlkBLmw6hco5uaKsHlC0G1uq40+996FJ4+Eww==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@messageformat/core": "^3.0.1",
+        "globby": "^11.1.0"
+      },
+      "peerDependencies": {
+        "@ima/cli": ">=19.0.0",
+        "@ima/core": ">=19.0.0",
+        "@ima/react-page-renderer": ">=19.0.0",
+        "@ima/server": ">=19.0.0",
+        "@testing-library/dom": ">=10.0.0",
+        "@testing-library/jest-dom": ">=6.0.0",
+        "@testing-library/react": ">=12.0.0",
+        "express": ">=4.0.0"
+      }
+    },
     "node_modules/@istanbuljs/load-nyc-config": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/@istanbuljs/load-nyc-config/-/load-nyc-config-1.1.0.tgz",
@@ -4126,13 +4140,14 @@
       }
     },
     "node_modules/@swc/core": {
-      "version": "1.4.6",
-      "resolved": "https://registry.npmjs.org/@swc/core/-/core-1.4.6.tgz",
-      "integrity": "sha512-A7iK9+1qzTCIuc3IYcS8gPHCm9bZVKUJrfNnwveZYyo6OFp3jLno4WOM2yBy5uqedgYATEiWgBYHKq37KrU6IA==",
+      "version": "1.7.14",
+      "resolved": "https://registry.npmjs.org/@swc/core/-/core-1.7.14.tgz",
+      "integrity": "sha512-9aeXeifnyuvc2pcuuhPQgVUwdpGEzZ+9nJu0W8/hNl/aESFsJGR5i9uQJRGu0atoNr01gK092fvmqMmQAPcKow==",
       "hasInstallScript": true,
+      "license": "Apache-2.0",
       "dependencies": {
-        "@swc/counter": "^0.1.2",
-        "@swc/types": "^0.1.5"
+        "@swc/counter": "^0.1.3",
+        "@swc/types": "^0.1.12"
       },
       "engines": {
         "node": ">=10"
@@ -4142,19 +4157,19 @@
         "url": "https://opencollective.com/swc"
       },
       "optionalDependencies": {
-        "@swc/core-darwin-arm64": "1.4.6",
-        "@swc/core-darwin-x64": "1.4.6",
-        "@swc/core-linux-arm-gnueabihf": "1.4.6",
-        "@swc/core-linux-arm64-gnu": "1.4.6",
-        "@swc/core-linux-arm64-musl": "1.4.6",
-        "@swc/core-linux-x64-gnu": "1.4.6",
-        "@swc/core-linux-x64-musl": "1.4.6",
-        "@swc/core-win32-arm64-msvc": "1.4.6",
-        "@swc/core-win32-ia32-msvc": "1.4.6",
-        "@swc/core-win32-x64-msvc": "1.4.6"
+        "@swc/core-darwin-arm64": "1.7.14",
+        "@swc/core-darwin-x64": "1.7.14",
+        "@swc/core-linux-arm-gnueabihf": "1.7.14",
+        "@swc/core-linux-arm64-gnu": "1.7.14",
+        "@swc/core-linux-arm64-musl": "1.7.14",
+        "@swc/core-linux-x64-gnu": "1.7.14",
+        "@swc/core-linux-x64-musl": "1.7.14",
+        "@swc/core-win32-arm64-msvc": "1.7.14",
+        "@swc/core-win32-ia32-msvc": "1.7.14",
+        "@swc/core-win32-x64-msvc": "1.7.14"
       },
       "peerDependencies": {
-        "@swc/helpers": "^0.5.0"
+        "@swc/helpers": "*"
       },
       "peerDependenciesMeta": {
         "@swc/helpers": {
@@ -4163,12 +4178,13 @@
       }
     },
     "node_modules/@swc/core-darwin-arm64": {
-      "version": "1.4.6",
-      "resolved": "https://registry.npmjs.org/@swc/core-darwin-arm64/-/core-darwin-arm64-1.4.6.tgz",
-      "integrity": "sha512-bpggpx/BfLFyy48aUKq1PsNUxb7J6CINlpAUk0V4yXfmGnpZH80Gp1pM3GkFDQyCfq7L7IpjPrIjWQwCrL4hYw==",
+      "version": "1.7.14",
+      "resolved": "https://registry.npmjs.org/@swc/core-darwin-arm64/-/core-darwin-arm64-1.7.14.tgz",
+      "integrity": "sha512-V0OUXjOH+hdGxDYG8NkQzy25mKOpcNKFpqtZEzLe5V/CpLJPnpg1+pMz70m14s9ZFda9OxsjlvPbg1FLUwhgIQ==",
       "cpu": [
         "arm64"
       ],
+      "license": "Apache-2.0 AND MIT",
       "optional": true,
       "os": [
         "darwin"
@@ -4178,12 +4194,13 @@
       }
     },
     "node_modules/@swc/core-darwin-x64": {
-      "version": "1.4.6",
-      "resolved": "https://registry.npmjs.org/@swc/core-darwin-x64/-/core-darwin-x64-1.4.6.tgz",
-      "integrity": "sha512-vJn+/ZuBTg+vtNkcmgZdH6FQpa0hFVdnB9bAeqYwKkyqP15zaPe6jfC+qL2y/cIeC7ASvHXEKrnCZgBLxfVQ9w==",
+      "version": "1.7.14",
+      "resolved": "https://registry.npmjs.org/@swc/core-darwin-x64/-/core-darwin-x64-1.7.14.tgz",
+      "integrity": "sha512-9iFvUnxG6FC3An5ogp5jbBfQuUmTTwy8KMB+ZddUoPB3NR1eV+Y9vOh/tfWcenSJbgOKDLgYC5D/b1mHAprsrQ==",
       "cpu": [
         "x64"
       ],
+      "license": "Apache-2.0 AND MIT",
       "optional": true,
       "os": [
         "darwin"
@@ -4193,12 +4210,13 @@
       }
     },
     "node_modules/@swc/core-linux-arm-gnueabihf": {
-      "version": "1.4.6",
-      "resolved": "https://registry.npmjs.org/@swc/core-linux-arm-gnueabihf/-/core-linux-arm-gnueabihf-1.4.6.tgz",
-      "integrity": "sha512-hEmYcB/9XBAl02MtuVHszhNjQpjBzhk/NFulnU33tBMbNZpy2TN5yTsitezMq090QXdDz8sKIALApDyg07ZR8g==",
+      "version": "1.7.14",
+      "resolved": "https://registry.npmjs.org/@swc/core-linux-arm-gnueabihf/-/core-linux-arm-gnueabihf-1.7.14.tgz",
+      "integrity": "sha512-zGJsef9qPivKSH8Vv4F/HiBXBTHZ5Hs3ZjVGo/UIdWPJF8fTL9OVADiRrl34Q7zOZEtGXRwEKLUW1SCQcbDvZA==",
       "cpu": [
         "arm"
       ],
+      "license": "Apache-2.0",
       "optional": true,
       "os": [
         "linux"
@@ -4208,12 +4226,13 @@
       }
     },
     "node_modules/@swc/core-linux-arm64-gnu": {
-      "version": "1.4.6",
-      "resolved": "https://registry.npmjs.org/@swc/core-linux-arm64-gnu/-/core-linux-arm64-gnu-1.4.6.tgz",
-      "integrity": "sha512-/UCYIVoGpm2YVvGHZM2QOA3dexa28BjcpLAIYnoCbgH5f7ulDhE8FAIO/9pasj+kixDBsdqewHfsNXFYlgGJjQ==",
+      "version": "1.7.14",
+      "resolved": "https://registry.npmjs.org/@swc/core-linux-arm64-gnu/-/core-linux-arm64-gnu-1.7.14.tgz",
+      "integrity": "sha512-AxV3MPsoI7i4B8FXOew3dx3N8y00YoJYvIPfxelw07RegeCEH3aHp2U2DtgbP/NV1ugZMx0TL2Z2DEvocmA51g==",
       "cpu": [
         "arm64"
       ],
+      "license": "Apache-2.0 AND MIT",
       "optional": true,
       "os": [
         "linux"
@@ -4223,12 +4242,13 @@
       }
     },
     "node_modules/@swc/core-linux-arm64-musl": {
-      "version": "1.4.6",
-      "resolved": "https://registry.npmjs.org/@swc/core-linux-arm64-musl/-/core-linux-arm64-musl-1.4.6.tgz",
-      "integrity": "sha512-LGQsKJ8MA9zZ8xHCkbGkcPSmpkZL2O7drvwsGKynyCttHhpwVjj9lguhD4DWU3+FWIsjvho5Vu0Ggei8OYi/Lw==",
+      "version": "1.7.14",
+      "resolved": "https://registry.npmjs.org/@swc/core-linux-arm64-musl/-/core-linux-arm64-musl-1.7.14.tgz",
+      "integrity": "sha512-JDLdNjUj3zPehd4+DrQD8Ltb3B5lD8D05IwePyDWw+uR/YPc7w/TX1FUVci5h3giJnlMCJRvi1IQYV7K1n7KtQ==",
       "cpu": [
         "arm64"
       ],
+      "license": "Apache-2.0 AND MIT",
       "optional": true,
       "os": [
         "linux"
@@ -4238,12 +4258,13 @@
       }
     },
     "node_modules/@swc/core-linux-x64-gnu": {
-      "version": "1.4.6",
-      "resolved": "https://registry.npmjs.org/@swc/core-linux-x64-gnu/-/core-linux-x64-gnu-1.4.6.tgz",
-      "integrity": "sha512-10JL2nLIreMQDKvq2TECnQe5fCuoqBHu1yW8aChqgHUyg9d7gfZX/kppUsuimqcgRBnS0AjTDAA+JF6UsG/2Yg==",
+      "version": "1.7.14",
+      "resolved": "https://registry.npmjs.org/@swc/core-linux-x64-gnu/-/core-linux-x64-gnu-1.7.14.tgz",
+      "integrity": "sha512-Siy5OvPCLLWmMdx4msnEs8HvEVUEigSn0+3pbLjv78iwzXd0qSBNHUPZyC1xeurVaUbpNDxZTpPRIwpqNE2+Og==",
       "cpu": [
         "x64"
       ],
+      "license": "Apache-2.0 AND MIT",
       "optional": true,
       "os": [
         "linux"
@@ -4253,12 +4274,13 @@
       }
     },
     "node_modules/@swc/core-linux-x64-musl": {
-      "version": "1.4.6",
-      "resolved": "https://registry.npmjs.org/@swc/core-linux-x64-musl/-/core-linux-x64-musl-1.4.6.tgz",
-      "integrity": "sha512-EGyjFVzVY6Do89x8sfah7I3cuP4MwtwzmA6OlfD/KASqfCFf5eIaEBMbajgR41bVfMV7lK72lwAIea5xEyq1AQ==",
+      "version": "1.7.14",
+      "resolved": "https://registry.npmjs.org/@swc/core-linux-x64-musl/-/core-linux-x64-musl-1.7.14.tgz",
+      "integrity": "sha512-FtEGm9mwtRYQNK43WMtUIadxHs/ja2rnDurB99os0ZoFTGG2IHuht2zD97W0wB8JbqEabT1XwSG9Y5wmN+ciEQ==",
       "cpu": [
         "x64"
       ],
+      "license": "Apache-2.0 AND MIT",
       "optional": true,
       "os": [
         "linux"
@@ -4268,12 +4290,13 @@
       }
     },
     "node_modules/@swc/core-win32-arm64-msvc": {
-      "version": "1.4.6",
-      "resolved": "https://registry.npmjs.org/@swc/core-win32-arm64-msvc/-/core-win32-arm64-msvc-1.4.6.tgz",
-      "integrity": "sha512-gfW9AuXvwSyK07Vb8Y8E9m2oJZk21WqcD+X4BZhkbKB0TCZK0zk1j/HpS2UFlr1JB2zPKPpSWLU3ll0GEHRG2A==",
+      "version": "1.7.14",
+      "resolved": "https://registry.npmjs.org/@swc/core-win32-arm64-msvc/-/core-win32-arm64-msvc-1.7.14.tgz",
+      "integrity": "sha512-Jp8KDlfq7Ntt2/BXr0y344cYgB1zf0DaLzDZ1ZJR6rYlAzWYSccLYcxHa97VGnsYhhPspMpmCvHid97oe2hl4A==",
       "cpu": [
         "arm64"
       ],
+      "license": "Apache-2.0 AND MIT",
       "optional": true,
       "os": [
         "win32"
@@ -4283,12 +4306,13 @@
       }
     },
     "node_modules/@swc/core-win32-ia32-msvc": {
-      "version": "1.4.6",
-      "resolved": "https://registry.npmjs.org/@swc/core-win32-ia32-msvc/-/core-win32-ia32-msvc-1.4.6.tgz",
-      "integrity": "sha512-ZuQm81FhhvNVYtVb9GfZ+Du6e7fZlkisWvuCeBeRiyseNt1tcrQ8J3V67jD2nxje8CVXrwG3oUIbPcybv2rxfQ==",
+      "version": "1.7.14",
+      "resolved": "https://registry.npmjs.org/@swc/core-win32-ia32-msvc/-/core-win32-ia32-msvc-1.7.14.tgz",
+      "integrity": "sha512-I+cFsXF0OU0J9J4zdWiQKKLURO5dvCujH9Jr8N0cErdy54l9d4gfIxdctfTF+7FyXtWKLTCkp+oby9BQhkFGWA==",
       "cpu": [
         "ia32"
       ],
+      "license": "Apache-2.0 AND MIT",
       "optional": true,
       "os": [
         "win32"
@@ -4298,12 +4322,13 @@
       }
     },
     "node_modules/@swc/core-win32-x64-msvc": {
-      "version": "1.4.6",
-      "resolved": "https://registry.npmjs.org/@swc/core-win32-x64-msvc/-/core-win32-x64-msvc-1.4.6.tgz",
-      "integrity": "sha512-UagPb7w5V0uzWSjrXwOavGa7s9iv3wrVdEgWy+/inm0OwY4lj3zpK9qDnMWAwYLuFwkI3UG4Q3dH8wD+CUUcjw==",
+      "version": "1.7.14",
+      "resolved": "https://registry.npmjs.org/@swc/core-win32-x64-msvc/-/core-win32-x64-msvc-1.7.14.tgz",
+      "integrity": "sha512-NNrprQCK6d28mG436jVo2TD+vACHseUECacEBGZ9Ef0qfOIWS1XIt2MisQKG0Oea2VvLFl6tF/V4Lnx/H0Sn3Q==",
       "cpu": [
         "x64"
       ],
+      "license": "Apache-2.0 AND MIT",
       "optional": true,
       "os": [
         "win32"
@@ -4335,9 +4360,274 @@
       }
     },
     "node_modules/@swc/types": {
-      "version": "0.1.5",
-      "resolved": "https://registry.npmjs.org/@swc/types/-/types-0.1.5.tgz",
-      "integrity": "sha512-myfUej5naTBWnqOCc/MdVOLVjXUXtIA+NpDrDBKJtLLg2shUjBu3cZmB/85RyitKc55+lUUyl7oRfLOvkr2hsw=="
+      "version": "0.1.12",
+      "resolved": "https://registry.npmjs.org/@swc/types/-/types-0.1.12.tgz",
+      "integrity": "sha512-wBJA+SdtkbFhHjTMYH+dEH1y4VpfGdAc2Kw/LK09i9bXd/K6j6PkDcFCEzb6iVfZMkPRrl/q0e3toqTAJdkIVA==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@swc/counter": "^0.1.3"
+      }
+    },
+    "node_modules/@testing-library/dom": {
+      "version": "10.4.0",
+      "resolved": "https://registry.npmjs.org/@testing-library/dom/-/dom-10.4.0.tgz",
+      "integrity": "sha512-pemlzrSESWbdAloYml3bAJMEfNh1Z7EduzqPKprCH5S341frlpYnUEW0H72dLxa6IsYr+mPno20GiSm+h9dEdQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/code-frame": "^7.10.4",
+        "@babel/runtime": "^7.12.5",
+        "@types/aria-query": "^5.0.1",
+        "aria-query": "5.3.0",
+        "chalk": "^4.1.0",
+        "dom-accessibility-api": "^0.5.9",
+        "lz-string": "^1.5.0",
+        "pretty-format": "^27.0.2"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@testing-library/dom/node_modules/ansi-styles": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "color-convert": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/@testing-library/dom/node_modules/chalk": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^4.1.0",
+        "supports-color": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk?sponsor=1"
+      }
+    },
+    "node_modules/@testing-library/dom/node_modules/color-convert": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+      "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "color-name": "~1.1.4"
+      },
+      "engines": {
+        "node": ">=7.0.0"
+      }
+    },
+    "node_modules/@testing-library/dom/node_modules/color-name": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@testing-library/dom/node_modules/has-flag": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+      "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/@testing-library/dom/node_modules/pretty-format": {
+      "version": "27.5.1",
+      "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-27.5.1.tgz",
+      "integrity": "sha512-Qb1gy5OrP5+zDf2Bvnzdl3jsTf1qXVMazbvCoKhtKqVs4/YK4ozX4gKQJJVyNe+cajNPn0KoC0MC3FUmaHWEmQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-regex": "^5.0.1",
+        "ansi-styles": "^5.0.0",
+        "react-is": "^17.0.1"
+      },
+      "engines": {
+        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
+      }
+    },
+    "node_modules/@testing-library/dom/node_modules/pretty-format/node_modules/ansi-styles": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz",
+      "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/@testing-library/dom/node_modules/react-is": {
+      "version": "17.0.2",
+      "resolved": "https://registry.npmjs.org/react-is/-/react-is-17.0.2.tgz",
+      "integrity": "sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@testing-library/dom/node_modules/supports-color": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+      "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/@testing-library/jest-dom": {
+      "version": "6.4.8",
+      "resolved": "https://registry.npmjs.org/@testing-library/jest-dom/-/jest-dom-6.4.8.tgz",
+      "integrity": "sha512-JD0G+Zc38f5MBHA4NgxQMR5XtO5Jx9g86jqturNTt2WUfRmLDIY7iKkWHDCCTiDuFMre6nxAD5wHw9W5kI4rGw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@adobe/css-tools": "^4.4.0",
+        "@babel/runtime": "^7.9.2",
+        "aria-query": "^5.0.0",
+        "chalk": "^3.0.0",
+        "css.escape": "^1.5.1",
+        "dom-accessibility-api": "^0.6.3",
+        "lodash": "^4.17.21",
+        "redent": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=14",
+        "npm": ">=6",
+        "yarn": ">=1"
+      }
+    },
+    "node_modules/@testing-library/jest-dom/node_modules/ansi-styles": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "color-convert": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/@testing-library/jest-dom/node_modules/chalk": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-3.0.0.tgz",
+      "integrity": "sha512-4D3B6Wf41KOYRFdszmDqMCGq5VV/uMAB273JILmO+3jAlh8X4qDtdtgCR3fxtbLEMzSx22QdhnDcJvu2u1fVwg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^4.1.0",
+        "supports-color": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/@testing-library/jest-dom/node_modules/color-convert": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+      "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "color-name": "~1.1.4"
+      },
+      "engines": {
+        "node": ">=7.0.0"
+      }
+    },
+    "node_modules/@testing-library/jest-dom/node_modules/color-name": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@testing-library/jest-dom/node_modules/dom-accessibility-api": {
+      "version": "0.6.3",
+      "resolved": "https://registry.npmjs.org/dom-accessibility-api/-/dom-accessibility-api-0.6.3.tgz",
+      "integrity": "sha512-7ZgogeTnjuHbo+ct10G9Ffp0mif17idi0IyWNVA/wcwcm7NPOD/WEHVP3n7n3MhXqxoIYm8d6MuZohYWIZ4T3w==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@testing-library/jest-dom/node_modules/has-flag": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+      "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/@testing-library/jest-dom/node_modules/supports-color": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+      "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/@testing-library/react": {
+      "version": "16.0.0",
+      "resolved": "https://registry.npmjs.org/@testing-library/react/-/react-16.0.0.tgz",
+      "integrity": "sha512-guuxUKRWQ+FgNX0h0NS0FIq3Q3uLtWVpBzcLOggmfMoUpgBnzBzvLLd4fbm6yS8ydJd94cIfY4yP9qUQjM2KwQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.12.5"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "peerDependencies": {
+        "@testing-library/dom": "^10.0.0",
+        "@types/react": "^18.0.0",
+        "@types/react-dom": "^18.0.0",
+        "react": "^18.0.0",
+        "react-dom": "^18.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
     },
     "node_modules/@tootallnate/once": {
       "version": "2.0.0",
@@ -4361,6 +4651,13 @@
       "resolved": "https://registry.npmjs.org/@types/archy/-/archy-0.0.32.tgz",
       "integrity": "sha512-5ZZ5+YGmUE01yejiXsKnTcvhakMZ2UllZlMsQni53Doc1JWhe21ia8VntRoRD6fAEWw08JBh/z9qQHJ+//MrIg=="
     },
+    "node_modules/@types/aria-query": {
+      "version": "5.0.4",
+      "resolved": "https://registry.npmjs.org/@types/aria-query/-/aria-query-5.0.4.tgz",
+      "integrity": "sha512-rfT93uj5s0PRL7EzccGMs3brplhcrghnDoV26NqKhCAS1hVo+WdNsPvE/yb6ilfr5hi2MEk6d5EWJTKdxg8jVw==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/@types/babel__core": {
       "version": "7.20.5",
       "resolved": "https://registry.npmjs.org/@types/babel__core/-/babel__core-7.20.5.tgz",
@@ -4402,15 +4699,6 @@
         "@babel/types": "^7.20.7"
       }
     },
-    "node_modules/@types/cheerio": {
-      "version": "0.22.35",
-      "resolved": "https://registry.npmjs.org/@types/cheerio/-/cheerio-0.22.35.tgz",
-      "integrity": "sha512-yD57BchKRvTV+JD53UZ6PD8KWY5g5rvvMLRnZR3EQBCZXiDT/HR+pKpMzFGlWNhFrXlo7VPZXtKvIEwZkAWOIA==",
-      "dev": true,
-      "dependencies": {
-        "@types/node": "*"
-      }
-    },
     "node_modules/@types/connect": {
       "version": "3.4.38",
       "resolved": "https://registry.npmjs.org/@types/connect/-/connect-3.4.38.tgz",
@@ -4595,21 +4883,27 @@
       "dev": true
     },
     "node_modules/@types/react": {
-      "version": "18.2.65",
-      "resolved": "https://registry.npmjs.org/@types/react/-/react-18.2.65.tgz",
-      "integrity": "sha512-98TsY0aW4jqx/3RqsUXwMDZSWR1Z4CUlJNue8ueS2/wcxZOsz4xmW1X8ieaWVRHcmmQM3R8xVA4XWB3dJnWwDQ==",
+      "version": "18.3.3",
+      "resolved": "https://registry.npmjs.org/@types/react/-/react-18.3.3.tgz",
+      "integrity": "sha512-hti/R0pS0q1/xx+TsI73XIqk26eBsISZ2R0wUijXIngRK9R/e7Xw/cXVxQK7R5JjW+SV4zGcn5hXjudkN/pLIw==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "@types/prop-types": "*",
-        "@types/scheduler": "*",
         "csstype": "^3.0.2"
       }
     },
-    "node_modules/@types/scheduler": {
-      "version": "0.16.8",
-      "resolved": "https://registry.npmjs.org/@types/scheduler/-/scheduler-0.16.8.tgz",
-      "integrity": "sha512-WZLiwShhwLRmeV6zH+GkbOFT6Z6VklCItrDioxUnv+u4Ll+8vKeFySoFyK/0ctcRpOmwAicELfmys1sDc/Rw+A==",
-      "dev": true
+    "node_modules/@types/react-dom": {
+      "version": "18.3.0",
+      "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-18.3.0.tgz",
+      "integrity": "sha512-EhwApuTmMBmXuFOikhQLIBUn6uFg81SwLMOAUgodJF14SOBOCMdU04gDoYi0WOJJHD144TL32z4yDqCW3dnkQg==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "@types/react": "*"
+      }
     },
     "node_modules/@types/semver": {
       "version": "7.5.8",
@@ -5362,6 +5656,16 @@
         "sprintf-js": "~1.0.2"
       }
     },
+    "node_modules/aria-query": {
+      "version": "5.3.0",
+      "resolved": "https://registry.npmjs.org/aria-query/-/aria-query-5.3.0.tgz",
+      "integrity": "sha512-b0P0sZPKtyu8HkeRAfCq0IfURZK+SuwMjY1UXGBU27wpAiTwQAIlq56IbIO+ytk/JjS1fMR14ee5WBBfKi5J6A==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "dequal": "^2.0.3"
+      }
+    },
     "node_modules/arr-diff": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/arr-diff/-/arr-diff-4.0.0.tgz",
@@ -6000,7 +6304,8 @@
     "node_modules/boolbase": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/boolbase/-/boolbase-1.0.0.tgz",
-      "integrity": "sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww=="
+      "integrity": "sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww==",
+      "peer": true
     },
     "node_modules/brace-expansion": {
       "version": "1.1.11",
@@ -6264,69 +6569,6 @@
         "node": "*"
       }
     },
-    "node_modules/cheerio": {
-      "version": "1.0.0-rc.12",
-      "resolved": "https://registry.npmjs.org/cheerio/-/cheerio-1.0.0-rc.12.tgz",
-      "integrity": "sha512-VqR8m68vM46BNnuZ5NtnGBKIE/DfN0cRIzg9n40EIq9NOv90ayxLBXA8fXC5gquFRGJSTRqBq25Jt2ECLR431Q==",
-      "dev": true,
-      "dependencies": {
-        "cheerio-select": "^2.1.0",
-        "dom-serializer": "^2.0.0",
-        "domhandler": "^5.0.3",
-        "domutils": "^3.0.1",
-        "htmlparser2": "^8.0.1",
-        "parse5": "^7.0.0",
-        "parse5-htmlparser2-tree-adapter": "^7.0.0"
-      },
-      "engines": {
-        "node": ">= 6"
-      },
-      "funding": {
-        "url": "https://github.com/cheeriojs/cheerio?sponsor=1"
-      }
-    },
-    "node_modules/cheerio-select": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/cheerio-select/-/cheerio-select-2.1.0.tgz",
-      "integrity": "sha512-9v9kG0LvzrlcungtnJtpGNxY+fzECQKhK4EGJX2vByejiMX84MFNQw4UxPJl3bFbTMw+Dfs37XaIkCwTZfLh4g==",
-      "dev": true,
-      "dependencies": {
-        "boolbase": "^1.0.0",
-        "css-select": "^5.1.0",
-        "css-what": "^6.1.0",
-        "domelementtype": "^2.3.0",
-        "domhandler": "^5.0.3",
-        "domutils": "^3.0.1"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/fb55"
-      }
-    },
-    "node_modules/cheerio/node_modules/parse5": {
-      "version": "7.1.2",
-      "resolved": "https://registry.npmjs.org/parse5/-/parse5-7.1.2.tgz",
-      "integrity": "sha512-Czj1WaSVpaoj0wbhMzLmWD69anp2WH7FXMB9n1Sy8/ZFF9jolSQVMu1Ij5WIyGmcBmhk7EOndpO4mIpihVqAXw==",
-      "dev": true,
-      "dependencies": {
-        "entities": "^4.4.0"
-      },
-      "funding": {
-        "url": "https://github.com/inikulin/parse5?sponsor=1"
-      }
-    },
-    "node_modules/cheerio/node_modules/parse5-htmlparser2-tree-adapter": {
-      "version": "7.0.0",
-      "resolved": "https://registry.npmjs.org/parse5-htmlparser2-tree-adapter/-/parse5-htmlparser2-tree-adapter-7.0.0.tgz",
-      "integrity": "sha512-B77tOZrqqfUfnVcOrUvfdLbz4pu4RopLD/4vmu3HUPswwTA8OH0EMW9BlWR2B0RCoiZRAHEUu7IxeP1Pd1UU+g==",
-      "dev": true,
-      "dependencies": {
-        "domhandler": "^5.0.2",
-        "parse5": "^7.0.0"
-      },
-      "funding": {
-        "url": "https://github.com/inikulin/parse5?sponsor=1"
-      }
-    },
     "node_modules/chokidar": {
       "version": "3.6.0",
       "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.6.0.tgz",
@@ -7368,6 +7610,7 @@
       "version": "5.1.0",
       "resolved": "https://registry.npmjs.org/css-select/-/css-select-5.1.0.tgz",
       "integrity": "sha512-nwoRF1rvRRnnCqqY7updORDsuqKzqYJ28+oSMaJMMgOauh3fvwHqMS7EZpIPqK8GL+g9mKxF1vP/ZjSeNjEVHg==",
+      "peer": true,
       "dependencies": {
         "boolbase": "^1.0.0",
         "css-what": "^6.1.0",
@@ -7395,6 +7638,7 @@
       "version": "6.1.0",
       "resolved": "https://registry.npmjs.org/css-what/-/css-what-6.1.0.tgz",
       "integrity": "sha512-HTUrgRJ7r4dsZKU6GjmpfRK1O76h97Z8MfS1G0FozR+oF2kG6Vfe8JE6zwrkbxigziPHinCJ+gCPjA9EaBDtRw==",
+      "peer": true,
       "engines": {
         "node": ">= 6"
       },
@@ -7402,6 +7646,13 @@
         "url": "https://github.com/sponsors/fb55"
       }
     },
+    "node_modules/css.escape": {
+      "version": "1.5.1",
+      "resolved": "https://registry.npmjs.org/css.escape/-/css.escape-1.5.1.tgz",
+      "integrity": "sha512-YUifsXXuknHlUsmlgyY0PKzgPOr7/FjCePfHNt0jxm83wHZi44VDMQ7/fGNkjY3/jV1MC+1CmZbaHzugyeRtpg==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/cssdb": {
       "version": "7.11.2",
       "resolved": "https://registry.npmjs.org/cssdb/-/cssdb-7.11.2.tgz",
@@ -7800,6 +8051,16 @@
         "node": ">= 0.8"
       }
     },
+    "node_modules/dequal": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/dequal/-/dequal-2.0.3.tgz",
+      "integrity": "sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
     "node_modules/destroy": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/destroy/-/destroy-1.2.0.tgz",
@@ -7848,12 +8109,6 @@
         "node": ">=8"
       }
     },
-    "node_modules/discontinuous-range": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/discontinuous-range/-/discontinuous-range-1.0.0.tgz",
-      "integrity": "sha512-c68LpLbO+7kP/b1Hr1qs8/BJ09F5khZGTxqxZuhzxpmwJKOgRFHJWIb9/KmqnqHhLdO55aOxFH/EGBvUQbL/RQ==",
-      "dev": true
-    },
     "node_modules/doctrine": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-3.0.0.tgz",
@@ -7866,10 +8121,18 @@
         "node": ">=6.0.0"
       }
     },
+    "node_modules/dom-accessibility-api": {
+      "version": "0.5.16",
+      "resolved": "https://registry.npmjs.org/dom-accessibility-api/-/dom-accessibility-api-0.5.16.tgz",
+      "integrity": "sha512-X7BJ2yElsnOJ30pZF4uIIDfBEVgF4XEBxL9Bxhy6dnrm5hkzqmsWHGTiHqRiITNhMyFLyAiWndIJP7Z1NTteDg==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/dom-serializer": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-2.0.0.tgz",
       "integrity": "sha512-wIkAryiqt/nV5EQKqQpo3SToSOV9J0DnbJqwK7Wv/Trc92zIAYZ4FlMu+JPFW1DfGFt81ZTCGgDEabffXeLyJg==",
+      "peer": true,
       "dependencies": {
         "domelementtype": "^2.3.0",
         "domhandler": "^5.0.2",
@@ -7888,7 +8151,8 @@
           "type": "github",
           "url": "https://github.com/sponsors/fb55"
         }
-      ]
+      ],
+      "peer": true
     },
     "node_modules/domexception": {
       "version": "4.0.0",
@@ -7906,6 +8170,7 @@
       "version": "5.0.3",
       "resolved": "https://registry.npmjs.org/domhandler/-/domhandler-5.0.3.tgz",
       "integrity": "sha512-cgwlv/1iFQiFnU96XXgROh8xTeetsnJiDsTc7TYCLFd9+/WNkIqPTxiM/8pSd8VIrhXGTf1Ny1q1hquVqDJB5w==",
+      "peer": true,
       "dependencies": {
         "domelementtype": "^2.3.0"
       },
@@ -7920,6 +8185,7 @@
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/domutils/-/domutils-3.1.0.tgz",
       "integrity": "sha512-H78uMmQtI2AhgDJjWeQmHwJJ2bLPD3GMmO7Zja/ZZh84wkm+4ut+IUnUdRa8uCGX88DiVx1j6FRe1XfxEgjEZA==",
+      "peer": true,
       "dependencies": {
         "dom-serializer": "^2.0.0",
         "domelementtype": "^2.3.0",
@@ -8057,75 +8323,6 @@
         "node": ">=8"
       }
     },
-    "node_modules/enzyme": {
-      "version": "3.11.0",
-      "resolved": "https://registry.npmjs.org/enzyme/-/enzyme-3.11.0.tgz",
-      "integrity": "sha512-Dw8/Gs4vRjxY6/6i9wU0V+utmQO9kvh9XLnz3LIudviOnVYDEe2ec+0k+NQoMamn1VrjKgCUOWj5jG/5M5M0Qw==",
-      "dev": true,
-      "dependencies": {
-        "array.prototype.flat": "^1.2.3",
-        "cheerio": "^1.0.0-rc.3",
-        "enzyme-shallow-equal": "^1.0.1",
-        "function.prototype.name": "^1.1.2",
-        "has": "^1.0.3",
-        "html-element-map": "^1.2.0",
-        "is-boolean-object": "^1.0.1",
-        "is-callable": "^1.1.5",
-        "is-number-object": "^1.0.4",
-        "is-regex": "^1.0.5",
-        "is-string": "^1.0.5",
-        "is-subset": "^0.1.1",
-        "lodash.escape": "^4.0.1",
-        "lodash.isequal": "^4.5.0",
-        "object-inspect": "^1.7.0",
-        "object-is": "^1.0.2",
-        "object.assign": "^4.1.0",
-        "object.entries": "^1.1.1",
-        "object.values": "^1.1.1",
-        "raf": "^3.4.1",
-        "rst-selector-parser": "^2.2.3",
-        "string.prototype.trim": "^1.2.1"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/enzyme-shallow-equal": {
-      "version": "1.0.7",
-      "resolved": "https://registry.npmjs.org/enzyme-shallow-equal/-/enzyme-shallow-equal-1.0.7.tgz",
-      "integrity": "sha512-/um0GFqUXnpM9SvKtje+9Tjoz3f1fpBC3eXRFrNs8kpYn69JljciYP7KZTqM/YQbUY9KUjvKB4jo/q+L6WGGvg==",
-      "dev": true,
-      "dependencies": {
-        "hasown": "^2.0.0",
-        "object-is": "^1.1.5"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/enzyme-to-json": {
-      "version": "3.6.2",
-      "resolved": "https://registry.npmjs.org/enzyme-to-json/-/enzyme-to-json-3.6.2.tgz",
-      "integrity": "sha512-Ynm6Z6R6iwQ0g2g1YToz6DWhxVnt8Dy1ijR2zynRKxTyBGA8rCDXU3rs2Qc4OKvUvc2Qoe1bcFK6bnPs20TrTg==",
-      "dev": true,
-      "dependencies": {
-        "@types/cheerio": "^0.22.22",
-        "lodash": "^4.17.21",
-        "react-is": "^16.12.0"
-      },
-      "engines": {
-        "node": ">=6.0.0"
-      },
-      "peerDependencies": {
-        "enzyme": "^3.4.0"
-      }
-    },
-    "node_modules/enzyme-to-json/node_modules/react-is": {
-      "version": "16.13.1",
-      "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
-      "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==",
-      "dev": true
-    },
     "node_modules/errno": {
       "version": "0.1.8",
       "resolved": "https://registry.npmjs.org/errno/-/errno-0.1.8.tgz",
@@ -10223,15 +10420,6 @@
         "node": ">=6"
       }
     },
-    "node_modules/has": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/has/-/has-1.0.4.tgz",
-      "integrity": "sha512-qdSAmqLF6209RFj4VVItywPMbm3vWylknmB3nvNiUIs72xAimcM8nVYxYr7ncvZq5qzk9MKIZR8ijqD/1QuYjQ==",
-      "dev": true,
-      "engines": {
-        "node": ">= 0.4.0"
-      }
-    },
     "node_modules/has-bigints": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/has-bigints/-/has-bigints-1.0.2.tgz",
@@ -10398,19 +10586,6 @@
       "integrity": "sha512-mxIDAb9Lsm6DoOJ7xH+5+X4y1LU/4Hi50L9C5sIswK3JzULS4bwk1FvjdBgvYR4bzT4tuUQiC15FE2f5HbLvYw==",
       "dev": true
     },
-    "node_modules/html-element-map": {
-      "version": "1.3.1",
-      "resolved": "https://registry.npmjs.org/html-element-map/-/html-element-map-1.3.1.tgz",
-      "integrity": "sha512-6XMlxrAFX4UEEGxctfFnmrFaaZFNf9i5fNuV5wZ3WWQ4FVaNP1aX1LkX9j2mfEx1NpjeE/rL3nmgEn23GdFmrg==",
-      "dev": true,
-      "dependencies": {
-        "array.prototype.filter": "^1.0.0",
-        "call-bind": "^1.0.2"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
     "node_modules/html-encoding-sniffer": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/html-encoding-sniffer/-/html-encoding-sniffer-3.0.0.tgz",
@@ -10455,25 +10630,6 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/htmlparser2": {
-      "version": "8.0.2",
-      "resolved": "https://registry.npmjs.org/htmlparser2/-/htmlparser2-8.0.2.tgz",
-      "integrity": "sha512-GYdjWKDkbRLkZ5geuHs5NY1puJ+PXwP7+fHPRz06Eirsb9ugf6d8kkXav6ADhcODhFFPMIXyxkxSuMf3D6NCFA==",
-      "dev": true,
-      "funding": [
-        "https://github.com/fb55/htmlparser2?sponsor=1",
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/fb55"
-        }
-      ],
-      "dependencies": {
-        "domelementtype": "^2.3.0",
-        "domhandler": "^5.0.3",
-        "domutils": "^3.0.1",
-        "entities": "^4.4.0"
-      }
-    },
     "node_modules/http-errors": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-2.0.0.tgz",
@@ -11190,12 +11346,6 @@
         "node": ">=4"
       }
     },
-    "node_modules/is-subset": {
-      "version": "0.1.1",
-      "resolved": "https://registry.npmjs.org/is-subset/-/is-subset-0.1.1.tgz",
-      "integrity": "sha512-6Ybun0IkarhmEqxXCNw/C0bna6Zb/TkfUX9UbwJtK6ObwAVCxmAP308WWTHviM/zAqXk05cdhYsUsZeGQh99iw==",
-      "dev": true
-    },
     "node_modules/is-symbol": {
       "version": "1.0.4",
       "resolved": "https://registry.npmjs.org/is-symbol/-/is-symbol-1.0.4.tgz",
@@ -14323,24 +14473,6 @@
       "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
       "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg=="
     },
-    "node_modules/lodash.escape": {
-      "version": "4.0.1",
-      "resolved": "https://registry.npmjs.org/lodash.escape/-/lodash.escape-4.0.1.tgz",
-      "integrity": "sha512-nXEOnb/jK9g0DYMr1/Xvq6l5xMD7GDG55+GSYIYmS0G4tBk/hURD4JR9WCavs04t33WmJx9kCyp9vJ+mr4BOUw==",
-      "dev": true
-    },
-    "node_modules/lodash.flattendeep": {
-      "version": "4.4.0",
-      "resolved": "https://registry.npmjs.org/lodash.flattendeep/-/lodash.flattendeep-4.4.0.tgz",
-      "integrity": "sha512-uHaJFihxmJcEX3kT4I23ABqKKalJ/zDrDg0lsFtc1h+3uw49SIJ5beyhx5ExVRti3AvKoOJngIj7xz3oylPdWQ==",
-      "dev": true
-    },
-    "node_modules/lodash.isequal": {
-      "version": "4.5.0",
-      "resolved": "https://registry.npmjs.org/lodash.isequal/-/lodash.isequal-4.5.0.tgz",
-      "integrity": "sha512-pDo3lu8Jhfjqls6GkMgpahsF9kCyayhgykjyLMNFTKWrpVdAQtYyB4muAMWozBB4ig/dtWAmsMxLEI8wuz+DYQ==",
-      "dev": true
-    },
     "node_modules/lodash.memoize": {
       "version": "4.1.2",
       "resolved": "https://registry.npmjs.org/lodash.memoize/-/lodash.memoize-4.1.2.tgz",
@@ -14481,6 +14613,16 @@
         "yallist": "^3.0.2"
       }
     },
+    "node_modules/lz-string": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/lz-string/-/lz-string-1.5.0.tgz",
+      "integrity": "sha512-h5bgJWpxJNswbU7qCrV0tIKQCaS3blPDrqKWx+QxzuzL1zGUzij9XCWLrSLsJPu5t+eWA/ycetzYAO5IOMcWAQ==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "lz-string": "bin/bin.js"
+      }
+    },
     "node_modules/make-dir": {
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/make-dir/-/make-dir-3.1.0.tgz",
@@ -14883,34 +15025,6 @@
       "integrity": "sha512-Tj+HTDSJJKaZnfiuw+iaF9skdPpTo2GtEly5JHnWV/hfv2Qj/9RKsGISQtLh2ox3l5EAGw487hnBee0sIJ6v2g==",
       "dev": true
     },
-    "node_modules/nearley": {
-      "version": "2.20.1",
-      "resolved": "https://registry.npmjs.org/nearley/-/nearley-2.20.1.tgz",
-      "integrity": "sha512-+Mc8UaAebFzgV+KpI5n7DasuuQCHA89dmwm7JXw3TV43ukfNQ9DnBH3Mdb2g/I4Fdxc26pwimBWvjIw0UAILSQ==",
-      "dev": true,
-      "dependencies": {
-        "commander": "^2.19.0",
-        "moo": "^0.5.0",
-        "railroad-diagrams": "^1.0.0",
-        "randexp": "0.4.6"
-      },
-      "bin": {
-        "nearley-railroad": "bin/nearley-railroad.js",
-        "nearley-test": "bin/nearley-test.js",
-        "nearley-unparse": "bin/nearley-unparse.js",
-        "nearleyc": "bin/nearleyc.js"
-      },
-      "funding": {
-        "type": "individual",
-        "url": "https://nearley.js.org/#give-to-nearley"
-      }
-    },
-    "node_modules/nearley/node_modules/commander": {
-      "version": "2.20.3",
-      "resolved": "https://registry.npmjs.org/commander/-/commander-2.20.3.tgz",
-      "integrity": "sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==",
-      "dev": true
-    },
     "node_modules/needle": {
       "version": "3.3.1",
       "resolved": "https://registry.npmjs.org/needle/-/needle-3.3.1.tgz",
@@ -15086,6 +15200,7 @@
       "version": "2.1.1",
       "resolved": "https://registry.npmjs.org/nth-check/-/nth-check-2.1.1.tgz",
       "integrity": "sha512-lqjrjmaOoAnWfMmBPL+XNnynZh2+swxiX3WUE0s4yEHI6m+AwrK2UZOimIRl3X/4QctVqS8AiZjFqyOGrMXb/w==",
+      "peer": true,
       "dependencies": {
         "boolbase": "^1.0.0"
       },
@@ -15165,22 +15280,6 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/object-is": {
-      "version": "1.1.6",
-      "resolved": "https://registry.npmjs.org/object-is/-/object-is-1.1.6.tgz",
-      "integrity": "sha512-F8cZ+KfGlSGi09lJT7/Nd6KJZ9ygtvYC0/UYYLI9nmQKLMnydpB9yvbv9K1uSkEu7FU9vYPmVwLg328tX+ot3Q==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.7",
-        "define-properties": "^1.2.1"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
     "node_modules/object-keys": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/object-keys/-/object-keys-1.1.1.tgz",
@@ -15634,12 +15733,6 @@
       "resolved": "https://registry.npmjs.org/pct-encode/-/pct-encode-1.0.2.tgz",
       "integrity": "sha512-8W3p1RpEfGKbY68uo/n+FMYf/vIpSiYJhtPCQ3ioxMuKJ8u4Q6j3pIh0LAeszEdPSIguxon8CGjx4aXX33l0Tg=="
     },
-    "node_modules/performance-now": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/performance-now/-/performance-now-2.1.0.tgz",
-      "integrity": "sha512-7EAHlyLHI56VEIdK57uwHdHKIaAGbnXPiw0yWbarQZOKaKpvUIgW0jWRVLiatnM+XXlSwsanIBH/hzGMJulMow==",
-      "dev": true
-    },
     "node_modules/picocolors": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz",
@@ -17315,34 +17408,6 @@
         "node": ">=8"
       }
     },
-    "node_modules/raf": {
-      "version": "3.4.1",
-      "resolved": "https://registry.npmjs.org/raf/-/raf-3.4.1.tgz",
-      "integrity": "sha512-Sq4CW4QhwOHE8ucn6J34MqtZCeWFP2aQSmrlroYgqAV1PjStIhJXxYuTgUIfkEk7zTLjmIjLmU5q+fbD1NnOJA==",
-      "dev": true,
-      "dependencies": {
-        "performance-now": "^2.1.0"
-      }
-    },
-    "node_modules/railroad-diagrams": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/railroad-diagrams/-/railroad-diagrams-1.0.0.tgz",
-      "integrity": "sha512-cz93DjNeLY0idrCNOH6PviZGRN9GJhsdm9hpn1YCS879fj4W+x5IFJhhkRZcwVgMmFF7R82UA/7Oh+R8lLZg6A==",
-      "dev": true
-    },
-    "node_modules/randexp": {
-      "version": "0.4.6",
-      "resolved": "https://registry.npmjs.org/randexp/-/randexp-0.4.6.tgz",
-      "integrity": "sha512-80WNmd9DA0tmZrw9qQa62GPPWfuXJknrmVmLcxvq4uZBdYqb1wYoKTmnlGUchvVWe0XiLupYkBoXVOxz3C8DYQ==",
-      "dev": true,
-      "dependencies": {
-        "discontinuous-range": "1.0.0",
-        "ret": "~0.1.10"
-      },
-      "engines": {
-        "node": ">=0.12"
-      }
-    },
     "node_modules/randombytes": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/randombytes/-/randombytes-2.1.0.tgz",
@@ -17413,33 +17478,6 @@
         "node": ">=0.10.0"
       }
     },
-    "node_modules/react-shallow-renderer": {
-      "version": "16.15.0",
-      "resolved": "https://registry.npmjs.org/react-shallow-renderer/-/react-shallow-renderer-16.15.0.tgz",
-      "integrity": "sha512-oScf2FqQ9LFVQgA73vr86xl2NaOIX73rh+YFqcOp68CWj56tSfgtGKrEbyhCj0rSijyG9M1CYprTh39fBi5hzA==",
-      "dev": true,
-      "dependencies": {
-        "object-assign": "^4.1.1",
-        "react-is": "^16.12.0 || ^17.0.0 || ^18.0.0"
-      },
-      "peerDependencies": {
-        "react": "^16.0.0 || ^17.0.0 || ^18.0.0"
-      }
-    },
-    "node_modules/react-test-renderer": {
-      "version": "18.2.0",
-      "resolved": "https://registry.npmjs.org/react-test-renderer/-/react-test-renderer-18.2.0.tgz",
-      "integrity": "sha512-JWD+aQ0lh2gvh4NM3bBM42Kx+XybOxCpgYK7F8ugAlpaTSnWsX+39Z4XkOykGZAHrjwwTZT3x3KxswVWxHPUqA==",
-      "dev": true,
-      "dependencies": {
-        "react-is": "^18.2.0",
-        "react-shallow-renderer": "^16.15.0",
-        "scheduler": "^0.23.0"
-      },
-      "peerDependencies": {
-        "react": "^18.2.0"
-      }
-    },
     "node_modules/read-pkg": {
       "version": "5.2.0",
       "resolved": "https://registry.npmjs.org/read-pkg/-/read-pkg-5.2.0.tgz",
@@ -17734,6 +17772,7 @@
       "version": "0.1.15",
       "resolved": "https://registry.npmjs.org/ret/-/ret-0.1.15.tgz",
       "integrity": "sha512-TTlYpa+OL+vMMNG24xSlQGEJ3B/RzEfUlLct7b5G/ytav+wPrplCpVMFuwzXbkecJrb6IYo1iFb0S9v37754mg==",
+      "peer": true,
       "engines": {
         "node": ">=0.12"
       }
@@ -17768,16 +17807,6 @@
         "url": "https://github.com/sponsors/isaacs"
       }
     },
-    "node_modules/rst-selector-parser": {
-      "version": "2.2.3",
-      "resolved": "https://registry.npmjs.org/rst-selector-parser/-/rst-selector-parser-2.2.3.tgz",
-      "integrity": "sha512-nDG1rZeP6oFTLN6yNDV/uiAvs1+FS/KlrEwh7+y7dpuApDBy6bI2HTBcc0/V8lv9OTqfyD34eF7au2pm8aBbhA==",
-      "dev": true,
-      "dependencies": {
-        "lodash.flattendeep": "^4.4.0",
-        "nearley": "^2.7.10"
-      }
-    },
     "node_modules/run-parallel": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
@@ -19688,6 +19717,17 @@
         "node": ">= 10"
       }
     },
+    "node_modules/swc_mut_cjs_exports": {
+      "version": "0.99.0",
+      "resolved": "https://registry.npmjs.org/swc_mut_cjs_exports/-/swc_mut_cjs_exports-0.99.0.tgz",
+      "integrity": "sha512-v3/AiUXrM/6ELCUo7zDHszpYYK0iFmGsnFSAUTsqGFkLH6rFq055L14Wg95agAhwDxO1M7e3nQbxsIUbFv4Khg==",
+      "dev": true,
+      "license": "MIT",
+      "peerDependencies": {
+        "@swc/core": "^1.7.0",
+        "@swc/jest": "^0.2.36"
+      }
+    },
     "node_modules/swc-loader": {
       "version": "0.2.3",
       "resolved": "https://registry.npmjs.org/swc-loader/-/swc-loader-0.2.3.tgz",
diff --git a/package.json b/package.json
index 1278efeb..6730574a 100644
--- a/package.json
+++ b/package.json
@@ -32,16 +32,17 @@
   "devDependencies": {
     "@babel/eslint-parser": "^7.21.8",
     "@babel/preset-react": "^7.22.3",
-    "@cfaester/enzyme-adapter-react-18": "^0.7.0",
     "@changesets/cli": "^2.26.1",
     "@ima/plugin-cli": "^19.1.2",
+    "@ima/testing-library": "^19.9.0",
     "@swc/jest": "^0.2.26",
+    "@testing-library/dom": "^10.4.0",
+    "@testing-library/jest-dom": "^6.4.8",
+    "@testing-library/react": "^16.0.0",
     "@types/jest": "^29.5.1",
     "@types/node": "^20.2.5",
     "@typescript-eslint/eslint-plugin": "^5.59.8",
     "@typescript-eslint/parser": "^5.59.8",
-    "enzyme": "3.11.0",
-    "enzyme-to-json": "^3.6.2",
     "eslint": "^8.41.0",
     "eslint-config-prettier": "^8.8.0",
     "eslint-plugin-import": "^2.27.5",
@@ -66,6 +67,7 @@
     "stylelint-config-standard": "^33.0.0",
     "stylelint-declaration-block-no-ignored-properties": "^2.7.0",
     "stylelint-order": "^6.0.3",
+    "swc_mut_cjs_exports": "^0.99.0",
     "to-mock": "^1.6.2",
     "turbo": "^1.12.5",
     "type-fest": "^4.12.0",
diff --git a/packages/plugin-atoms/jest.config.js b/packages/plugin-atoms/jest.config.js
index 3f897ff7..3dd3a9d3 100644
--- a/packages/plugin-atoms/jest.config.js
+++ b/packages/plugin-atoms/jest.config.js
@@ -1,6 +1,5 @@
-const base = require('../../jest.config.base.js');
+const itl = require('../../jest.config.itl.js');
 
 module.exports = {
-  ...base,
-  setupFiles: ['<rootDir>/jestSetup.js'],
+  ...itl,
 };
diff --git a/packages/plugin-atoms/jestSetup.js b/packages/plugin-atoms/jestSetup.js
deleted file mode 100644
index 76c240a6..00000000
--- a/packages/plugin-atoms/jestSetup.js
+++ /dev/null
@@ -1,4 +0,0 @@
-import Adapter from '@cfaester/enzyme-adapter-react-18';
-import Enzyme from 'enzyme';
-
-Enzyme.configure({ adapter: new Adapter() });
diff --git a/packages/plugin-atoms/src/__tests__/__snapshots__/mountSpec.js.snap b/packages/plugin-atoms/src/__tests__/__snapshots__/mountSpec.js.snap
deleted file mode 100644
index 92892587..00000000
--- a/packages/plugin-atoms/src/__tests__/__snapshots__/mountSpec.js.snap
+++ /dev/null
@@ -1,5 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`UIAtoms mount rendering should render atoms without noscript tag:  should render Iframe without noscript tag 1`] = `"<div class="atm-iframe atm-overflow" style="width: auto; height: auto;"><iframe src="example.html" name="example.html" class="atm-fill"></iframe></div>"`;
-
-exports[`UIAtoms mount rendering should render atoms without noscript tag:  should render Image without noscript tag 1`] = `"<img src="example.jpg" loading="lazy" decoding="async" class="atm-image">"`;
diff --git a/packages/plugin-atoms/src/__tests__/mountSpec.js b/packages/plugin-atoms/src/__tests__/mountSpec.js
deleted file mode 100644
index 556cd841..00000000
--- a/packages/plugin-atoms/src/__tests__/mountSpec.js
+++ /dev/null
@@ -1,107 +0,0 @@
-import { PageContext } from '@ima/react-page-renderer';
-import classnames from 'classnames';
-import { mount } from 'enzyme';
-import { Infinite } from 'infinite-circle';
-import { JSDOM } from 'jsdom';
-// eslint-disable-next-line no-unused-vars
-import { useState } from 'react';
-import { toMockedInstance } from 'to-mock';
-
-import _router from './mocks/router';
-import _settings from './mocks/settings';
-import _window from './mocks/window';
-import ComponentPositions from '../ComponentPositions';
-import * as UIAtoms from '../main';
-import UIComponentHelper from '../UIComponentHelper';
-// eslint-disable-next-line import/order
-import Visibility from '../Visibility';
-
-jest.mock('react', () => ({
-  ...jest.requireActual('react'),
-  useState: () => [true, () => {}],
-}));
-
-const jsdom = new JSDOM('<!doctype html><html><body></body></html>');
-const { window } = jsdom;
-
-global.window = window;
-global.document = window.document;
-global.navigator = {
-  userAgent: 'node.js',
-};
-
-const visibility = toMockedInstance(Visibility);
-const mockPosition = {
-  height: 0,
-};
-const componentPositions = toMockedInstance(ComponentPositions, {
-  getWindowViewportRect: () => mockPosition,
-});
-const infinite = toMockedInstance(Infinite);
-
-function getComponentOptions(overrideSettings = {}) {
-  const $Settings = Object.assign({}, _settings, overrideSettings);
-
-  const $UIComponentHelper = new UIComponentHelper(
-    _router,
-    _window,
-    componentPositions,
-    visibility,
-    infinite,
-    classnames
-  );
-
-  const context = {
-    $Utils: {
-      $Settings,
-      $UIComponentHelper,
-      $CssClasses: classnames,
-    },
-  };
-  const mountOptions = {
-    context,
-    someProp: true,
-  };
-
-  return mountOptions;
-}
-
-describe('UIAtoms mount rendering', () => {
-  let wrapper = null;
-
-  afterEach(() => {
-    if (wrapper) {
-      wrapper.unmount();
-    }
-  });
-
-  describe('should render atoms without noscript tag: ', () => {
-    let mountOptions = getComponentOptions();
-
-    it('should render Image without noscript tag', () => {
-      const Component = UIAtoms.Image;
-      wrapper = mount(
-        <PageContext.Provider value={mountOptions.context}>
-          <Component src='example.jpg' />
-        </PageContext.Provider>,
-        mountOptions
-      );
-
-      expect(wrapper.html()).toMatchSnapshot();
-      expect(wrapper.find('noscript')).toHaveLength(0);
-    });
-
-    it('should render Iframe without noscript tag', () => {
-      const Component = UIAtoms.Iframe;
-      wrapper = mount(
-        <PageContext.Provider value={mountOptions.context}>
-          <Component src='example.html' />
-        </PageContext.Provider>,
-        mountOptions
-      );
-
-      expect(wrapper.html()).toMatchSnapshot();
-      expect(wrapper.find('noscript')).toHaveLength(0);
-    });
-  });
-});
diff --git a/packages/plugin-atoms/src/components/__tests__/IframeSpec.jsx b/packages/plugin-atoms/src/components/__tests__/IframeSpec.jsx
new file mode 100644
index 00000000..b020e25e
--- /dev/null
+++ b/packages/plugin-atoms/src/components/__tests__/IframeSpec.jsx
@@ -0,0 +1,39 @@
+import { renderWithContext, waitFor } from '@ima/testing-library';
+
+import Visibility from '../../Visibility';
+import { Iframe } from '../Iframe';
+
+describe('Iframe', () => {
+  it('should render with noscript tag by default', async () => {
+    const { container } = await renderWithContext(
+      <Iframe src='example.html' />
+    );
+
+    expect(container.querySelector('noscript')).toBeInTheDocument();
+    expect(container.firstChild).toMatchSnapshot();
+  });
+
+  it('should render without noscript tag if visible', async () => {
+    const { app, container } = await renderWithContext(
+      <Iframe src='example.html' />
+    );
+
+    // Mock getBoundingClientRect to simulate visibility
+    container.firstChild.getBoundingClientRect = jest.fn(() => ({
+      width: 100,
+      height: 100,
+      top: 0,
+      left: 0,
+      bottom: 100,
+      right: 100,
+    }));
+    app.oc.get(Visibility).notify(); // Trigger visibility observer
+
+    // The component needs to re-render to remove noscript tag, there is no generic way to wait for it,
+    // so we need to wait for the noscript tag to disappear
+    await waitFor(() =>
+      expect(container.querySelector('noscript')).not.toBeInTheDocument()
+    );
+    expect(container.firstChild).toMatchSnapshot();
+  });
+});
diff --git a/packages/plugin-atoms/src/components/__tests__/ImageSpec.jsx b/packages/plugin-atoms/src/components/__tests__/ImageSpec.jsx
index 99cc54a1..57b9502a 100644
--- a/packages/plugin-atoms/src/components/__tests__/ImageSpec.jsx
+++ b/packages/plugin-atoms/src/components/__tests__/ImageSpec.jsx
@@ -1,74 +1,41 @@
-import { Router, Window } from '@ima/core';
-import * as hooks from '@ima/react-page-renderer';
-import classnames from 'classnames';
-import { shallow } from 'enzyme';
-import { Infinite } from 'infinite-circle';
-import { withContext } from 'shallow-with-context';
-import { toMockedInstance } from 'to-mock';
+import { renderWithContext } from '@ima/testing-library';
 
-import ComponentPositions from '../../ComponentPositions';
-import UIComponentHelper from '../../UIComponentHelper';
-import Visibility from '../../Visibility';
 import { Image } from '../Image';
 
-jest.mock('@ima/react-page-renderer', () => {
-  return {
-    __esModule: true,
-    ...jest.requireActual('@ima/react-page-renderer'),
-  };
-});
-
 describe('Image component', () => {
-  let wrapper = null;
-
-  let router = toMockedInstance(Router);
-  let window = toMockedInstance(Window);
-  let visibility = toMockedInstance(Visibility);
-  let componentPositions = toMockedInstance(ComponentPositions);
-  let infinite = toMockedInstance(Infinite);
-  let uiComponentHelper = new UIComponentHelper(
-    router,
-    window,
-    visibility,
-    componentPositions,
-    infinite,
-    classnames
-  );
-
-  let context = {
-    $Utils: {
-      $UIComponentHelper: uiComponentHelper,
-      $CssClasses: classnames,
-    },
-  };
-  const Img = withContext(Image, context);
-
-  beforeEach(() => {
-    jest.spyOn(hooks, 'useComponentUtils').mockReturnValue(context.$Utils);
-  });
-
-  it('should has defined default attributes', () => {
-    wrapper = shallow(
-      <Img src='./static/source.jpg' witdth={300} height={200} />,
-      { context }
-    );
-    expect(wrapper.html()).toMatchInlineSnapshot(
-      `"<img height="200" src="./static/source.jpg" loading="lazy" decoding="async" class="atm-image atm-placeholder"/>"`
+  it('should has defined default attributes', async () => {
+    const { container } = await renderWithContext(
+      <Image src='./static/source.jpg' witdth={300} height={200} />
     );
+
+    expect(container.firstChild).toMatchInlineSnapshot(`
+      <img
+        class="atm-image atm-placeholder"
+        decoding="async"
+        height="200"
+        loading="lazy"
+        src="./static/source.jpg"
+      />
+    `);
   });
 
-  it('should be responsive in layout', () => {
-    wrapper = shallow(
-      <Img
+  it('should be responsive in layout', async () => {
+    const { container } = await renderWithContext(
+      <Image
         src='./static/source.jpg'
         witdth={300}
         height={200}
         layout='responsive'
-      />,
-      { context }
-    );
-    expect(wrapper.html()).toMatchInlineSnapshot(
-      `"<img height="200" src="./static/source.jpg" loading="lazy" decoding="async" class="atm-image atm-layout-responsive atm-placeholder"/>"`
+      />
     );
+    expect(container.firstChild).toMatchInlineSnapshot(`
+      <img
+        class="atm-image atm-layout-responsive atm-placeholder"
+        decoding="async"
+        height="200"
+        loading="lazy"
+        src="./static/source.jpg"
+      />
+    `);
   });
 });
diff --git a/packages/plugin-atoms/src/components/__tests__/SizerSpec.jsx b/packages/plugin-atoms/src/components/__tests__/SizerSpec.jsx
index 1e5fd331..1bd912f6 100644
--- a/packages/plugin-atoms/src/components/__tests__/SizerSpec.jsx
+++ b/packages/plugin-atoms/src/components/__tests__/SizerSpec.jsx
@@ -1,68 +1,27 @@
-import * as hooks from '@ima/react-page-renderer';
-import classnames from 'classnames';
-import { shallow } from 'enzyme';
-import { Infinite } from 'infinite-circle';
-import { withContext } from 'shallow-with-context';
-import { toMockedInstance } from 'to-mock';
+import { renderWithContext } from '@ima/testing-library';
 
-import dummyRouter from '../../__tests__/mocks/router';
-import dummyWindow from '../../__tests__/mocks/window';
-import ComponentPositions from '../../ComponentPositions';
-import UIComponentHelper from '../../UIComponentHelper';
-import Visibility from '../../Visibility';
 import { Sizer } from '../Sizer';
 
-jest.mock('@ima/react-page-renderer', () => {
-  return {
-    __esModule: true,
-    ...jest.requireActual('@ima/react-page-renderer'),
-  };
-});
-
 describe('Sizer component', () => {
   let wrapper = null;
-  let visibility = toMockedInstance(Visibility);
-  let componentPositions = toMockedInstance(ComponentPositions);
-  let infinite = toMockedInstance(Infinite);
-  let uiComponentHelper = new UIComponentHelper(
-    dummyRouter,
-    dummyWindow,
-    visibility,
-    componentPositions,
-    infinite,
-    classnames
-  );
-  let context = {
-    $Utils: {
-      $UIComponentHelper: uiComponentHelper,
-      $CssClasses: classnames,
-    },
-  };
-
-  beforeEach(() => {
-    const Component = withContext(Sizer, context);
-
-    jest.spyOn(hooks, 'useComponentUtils').mockReturnValue(context.$Utils);
 
-    wrapper = shallow(<Component />, { context });
+  beforeEach(async () => {
+    wrapper = await renderWithContext(<Sizer />);
   });
 
   it('should set atm-sizer class', () => {
-    expect(wrapper.hasClass('atm-sizer')).toBeTruthy();
+    expect(wrapper.container.firstChild).toHaveClass('atm-sizer');
   });
 
   it('should set atm-placeholder class if is defined placeholder props', () => {
-    wrapper.setProps({ placeholder: true });
+    wrapper.rerender(<Sizer placeholder={true} />);
 
-    expect(wrapper.hasClass('atm-placeholder')).toBeTruthy();
+    expect(wrapper.container.firstChild).toHaveClass('atm-placeholder');
   });
 
   it('should calculate ratio between width and height', () => {
-    wrapper.setProps({
-      width: 16,
-      height: 9,
-    });
+    wrapper.rerender(<Sizer width={16} height={9} />);
 
-    expect(wrapper.get(0).props.style.paddingTop).toBe('56.25%');
+    expect(wrapper.container.firstChild.style.paddingTop).toBe('56.25%');
   });
 });
diff --git a/packages/plugin-atoms/src/components/__tests__/__snapshots__/IframeSpec.jsx.snap b/packages/plugin-atoms/src/components/__tests__/__snapshots__/IframeSpec.jsx.snap
new file mode 100644
index 00000000..a3a201c6
--- /dev/null
+++ b/packages/plugin-atoms/src/components/__tests__/__snapshots__/IframeSpec.jsx.snap
@@ -0,0 +1,25 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Iframe should render with noscript tag by default 1`] = `
+<div
+  class="atm-iframe atm-overflow atm-placeholder"
+  style="width: auto; height: auto;"
+>
+  <noscript>
+    &lt;iframe src="example.html" name="example.html" width="auto" height="auto" class="atm-fill" &gt;&lt;/iframe&gt;
+  </noscript>
+</div>
+`;
+
+exports[`Iframe should render without noscript tag if visible 1`] = `
+<div
+  class="atm-iframe atm-overflow"
+  style="width: auto; height: auto;"
+>
+  <iframe
+    class="atm-fill"
+    name="example.html"
+    src="example.html"
+  />
+</div>
+`;
diff --git a/packages/plugin-atoms/src/main.ts b/packages/plugin-atoms/src/main.ts
index 03859f53..210a1909 100644
--- a/packages/plugin-atoms/src/main.ts
+++ b/packages/plugin-atoms/src/main.ts
@@ -27,9 +27,17 @@ import Visibility from './Visibility';
 
 const defaultDependencies = ['$Router', ComponentPositions, Visibility];
 
+declare module '@ima/core' {
+  interface OCAliasMap {
+    $UIComponentHelper: UIComponentHelper;
+  }
+}
+
 pluginLoader.register('@ima/plugin-atoms', ns => {
   return {
     initBind: (ns, oc) => {
+      oc.bind('$UIComponentHelper', UIComponentHelper);
+
       oc.inject(Infinite, []);
     },
     initServices: (ns, oc) => {
diff --git a/packages/plugin-select/jest.config.js b/packages/plugin-select/jest.config.js
index a462d40f..3dd3a9d3 100644
--- a/packages/plugin-select/jest.config.js
+++ b/packages/plugin-select/jest.config.js
@@ -1,10 +1,5 @@
-const base = require('../../jest.config.base.js');
+const itl = require('../../jest.config.itl.js');
 
 module.exports = {
-  ...base,
-  testEnvironment: 'jsdom',
-  setupFiles: ['<rootDir>/jestSetupFile.js'],
-  snapshotSerializers: [
-    '<rootDir>/../../node_modules/enzyme-to-json/serializer',
-  ],
+  ...itl,
 };
diff --git a/packages/plugin-select/jestSetupFile.js b/packages/plugin-select/jestSetupFile.js
deleted file mode 100644
index 2774402c..00000000
--- a/packages/plugin-select/jestSetupFile.js
+++ /dev/null
@@ -1,11 +0,0 @@
-import util from 'util';
-
-var root = typeof window !== 'undefined' && window !== null ? window : global;
-
-root.TextEncoder = util.TextEncoder;
-root.TextDecoder = util.TextDecoder;
-
-import Adapter from '@cfaester/enzyme-adapter-react-18';
-import Enzyme from 'enzyme';
-
-Enzyme.configure({ adapter: new Adapter() });
diff --git a/packages/plugin-select/src/select/__tests__/SelectSpec.js b/packages/plugin-select/src/select/__tests__/SelectSpec.js
index 3ae4f0af..f9768881 100644
--- a/packages/plugin-select/src/select/__tests__/SelectSpec.js
+++ b/packages/plugin-select/src/select/__tests__/SelectSpec.js
@@ -1,8 +1,5 @@
-import { PageStateManager, Dispatcher } from '@ima/core';
-import { PageContext } from '@ima/react-page-renderer';
-import { shallow, mount } from 'enzyme';
-import { PureComponent, createElement, createRef } from 'react';
-import { toMockedInstance, setGlobalMockMethod } from 'to-mock';
+import { getContextValue, renderWithContext } from '@ima/testing-library';
+import { PureComponent, createRef } from 'react';
 
 import forwardedSelect, {
   createStateSelector,
@@ -12,8 +9,6 @@ import forwardedSelect, {
   hoistNonReactStatic,
 } from '../select';
 
-setGlobalMockMethod(jest.fn);
-
 describe('plugin-select:', () => {
   const appState = {
     media: {
@@ -22,16 +17,7 @@ describe('plugin-select:', () => {
     },
     title: 'title',
   };
-  const componentContext = {
-    $Utils: {
-      $PageStateManager: toMockedInstance(PageStateManager, {
-        getState: () => {
-          return appState;
-        },
-      }),
-      $Dispatcher: toMockedInstance(Dispatcher),
-    },
-  };
+  let componentContext;
   const selectorMethods = [
     state => {
       return {
@@ -64,14 +50,14 @@ describe('plugin-select:', () => {
     settings: Object.assign({}, props.settings, { newSettingsProp: true }),
   });
 
-  beforeEach(() => {
-    global.$Debug = true;
+  beforeEach(async () => {
+    componentContext = await getContextValue();
 
-    setCreatorOfStateSelector(createStateSelector);
-  });
+    jest
+      .spyOn(componentContext.$Utils.$PageStateManager, 'getState')
+      .mockReturnValue(appState);
 
-  afterEach(() => {
-    delete global.$Debug;
+    setCreatorOfStateSelector(createStateSelector);
   });
 
   describe('createStateSelector', () => {
@@ -127,7 +113,6 @@ describe('plugin-select:', () => {
   });
 
   describe('select', () => {
-    let wrapper = null;
     const defaultProps = {
       props: 'props',
       multiplier: 0.5,
@@ -146,88 +131,96 @@ describe('plugin-select:', () => {
       }
 
       render() {
-        return <h1>text</h1>;
+        return <div>{JSON.stringify(this.props, null, 2)}</div>;
       }
     }
 
-    const MockContextProvider = ({ children }) => (
-      <PageContext.Provider value={componentContext}>
-        {children}
-      </PageContext.Provider>
-    );
-
-    it('should render component', () => {
-      wrapper = shallow(createElement(Component, defaultProps), {
-        context: componentContext,
-      });
+    it('should render component', async () => {
+      const { container } = await renderWithContext(
+        <Component {...defaultProps} />,
+        {
+          contextValue: componentContext,
+        }
+      );
 
-      expect(wrapper).toMatchSnapshot();
+      expect(container.firstChild).toMatchSnapshot();
     });
 
-    it('should render component with extraProps', () => {
+    it('should render component with extraProps', async () => {
       let EnhancedComponent = select(...selectorMethods)(Component);
 
-      wrapper = mount(createElement(EnhancedComponent, defaultProps), {
-        context: componentContext,
-        wrappingComponent: MockContextProvider,
-      });
+      const { container } = await renderWithContext(
+        <EnhancedComponent {...defaultProps} />,
+        {
+          contextValue: componentContext,
+        }
+      );
 
-      expect(wrapper).toMatchSnapshot();
+      expect(container.firstChild).toMatchSnapshot();
     });
 
-    it('should render component with extraProps modifies by ownProps', () => {
+    it('should render component with extraProps modifies by ownProps', async () => {
       let EnhancedComponent = select(
         ...selectorMethods,
         selectorUsingProps
       )(Component);
 
-      wrapper = mount(createElement(EnhancedComponent, defaultProps), {
-        context: componentContext,
-        wrappingComponent: MockContextProvider,
-      });
+      const { container } = await renderWithContext(
+        <EnhancedComponent {...defaultProps} />,
+        {
+          contextValue: componentContext,
+        }
+      );
 
-      expect(wrapper).toMatchSnapshot();
+      expect(container.firstChild).toMatchSnapshot();
     });
 
-    it('should render component with extraProps replaced by ownProps', () => {
+    it('should render component with extraProps replaced by ownProps', async () => {
       let EnhancedComponent = select(
         ...selectorMethods,
         selectorReplaceProps
       )(Component);
 
-      wrapper = mount(createElement(EnhancedComponent, defaultProps), {
-        context: componentContext,
-        wrappingComponent: MockContextProvider,
-      });
+      const { container } = await renderWithContext(
+        <EnhancedComponent {...defaultProps} />,
+        {
+          contextValue: componentContext,
+        }
+      );
 
-      expect(wrapper).toMatchSnapshot();
+      expect(container.firstChild).toMatchSnapshot();
     });
 
-    it('should add listener to dispatcher after mounting to DOM', () => {
+    it('should add listener to dispatcher after mounting to DOM', async () => {
       let EnhancedComponent = select(...selectorMethods)(Component);
 
-      wrapper = mount(createElement(EnhancedComponent, defaultProps), {
-        context: componentContext,
-        wrappingComponent: MockContextProvider,
+      jest.spyOn(componentContext.$Utils.$Dispatcher, 'listen');
+
+      await renderWithContext(<EnhancedComponent {...defaultProps} />, {
+        contextValue: componentContext,
       });
 
       expect(componentContext.$Utils.$Dispatcher.listen).toHaveBeenCalled();
     });
 
-    it('should remove listener to dispatcher before unmounting from DOM', () => {
+    it('should remove listener to dispatcher before unmounting from DOM', async () => {
       let EnhancedComponent = select(...selectorMethods)(Component);
 
-      wrapper = mount(createElement(EnhancedComponent, defaultProps), {
-        context: componentContext,
-        wrappingComponent: MockContextProvider,
-      });
+      jest.spyOn(componentContext.$Utils.$Dispatcher, 'unlisten');
+
+      const { unmount } = await renderWithContext(
+        <EnhancedComponent {...defaultProps} />,
+        {
+          contextValue: componentContext,
+        }
+      );
 
-      wrapper.unmount();
+      unmount();
 
       expect(componentContext.$Utils.$Dispatcher.unlisten).toHaveBeenCalled();
     });
 
-    it('should render component with extraProps and own createStateSelector', () => {
+    it('should render component with extraProps and own createStateSelector', async () => {
       setCreatorOfStateSelector((...selectors) => {
         return (state, context) => {
           return selectors.reduce((result, selector) => {
@@ -237,28 +230,32 @@ describe('plugin-select:', () => {
       });
       let EnhancedComponent = select(...selectorMethods)(Component);
 
-      wrapper = mount(createElement(EnhancedComponent, defaultProps), {
-        context: componentContext,
-        wrappingComponent: MockContextProvider,
-      });
+      const { container } = await renderWithContext(
+        <EnhancedComponent {...defaultProps} />,
+        {
+          contextValue: componentContext,
+        }
+      );
 
-      expect(wrapper).toMatchSnapshot();
+      expect(container.firstChild).toMatchSnapshot();
     });
 
-    it('should render component with changed props', () => {
+    it('should render component with changed props', async () => {
       let EnhancedComponent = select(selectorUsingProps)(Component);
 
-      wrapper = mount(createElement(EnhancedComponent, defaultProps), {
-        context: componentContext,
-        wrappingComponent: MockContextProvider,
-      });
+      const { container, rerender } = await renderWithContext(
+        <EnhancedComponent {...defaultProps} />,
+        {
+          contextValue: componentContext,
+        }
+      );
 
-      wrapper.setProps({ multiplier: 3 });
+      rerender(<EnhancedComponent {...defaultProps} multiplier={3} />);
 
-      expect(wrapper).toMatchSnapshot();
+      expect(container.firstChild).toMatchSnapshot();
     });
 
-    it('should render component with extraProps and own static methods', () => {
+    it('should render component with extraProps and own static methods', async () => {
       setHoistStaticMethod((TargetComponent, Original) => {
         const keys = Object.getOwnPropertyNames(Original);
 
@@ -275,33 +272,34 @@ describe('plugin-select:', () => {
       });
       let EnhancedComponent = select(...selectorMethods)(Component);
 
-      wrapper = mount(createElement(EnhancedComponent, defaultProps), {
-        context: componentContext,
-        wrappingComponent: MockContextProvider,
-      });
+      const { container } = await renderWithContext(
+        <EnhancedComponent {...defaultProps} />,
+        {
+          contextValue: componentContext,
+        }
+      );
 
       expect(typeof EnhancedComponent.myCustom === 'function').toBeTruthy();
       expect(typeof EnhancedComponent.defaultProps === 'function').toBeTruthy();
-      expect(wrapper).toMatchSnapshot();
+      expect(container.firstChild).toMatchSnapshot();
     });
 
-    it('should forward ref', () => {
+    it('should forward ref', async () => {
       let EnhancedComponent = forwardedSelect(...selectorMethods)(Component);
+      const componentRef = createRef();
 
-      wrapper = shallow(
-        createElement(EnhancedComponent, {
-          ...defaultProps,
-          ref: createRef(),
-        }),
+      const { container } = await renderWithContext(
+        <EnhancedComponent {...defaultProps} ref={componentRef} />,
         {
-          context: componentContext,
+          contextValue: componentContext,
         }
       );
 
-      expect(wrapper).toMatchSnapshot();
+      expect(componentRef.current).toBeInstanceOf(Component);
+      expect(container.firstChild).toMatchSnapshot();
     });
 
-    it('should render component with extraProps and own static methods for forwardedSelect', () => {
+    it('should render component with extraProps and own static methods for forwardedSelect', async () => {
       setHoistStaticMethod((TargetComponent, Original) => {
         const keys = Object.getOwnPropertyNames(Original);
 
@@ -318,14 +316,16 @@ describe('plugin-select:', () => {
       });
       let EnhancedComponent = forwardedSelect(...selectorMethods)(Component);
 
-      wrapper = mount(createElement(EnhancedComponent, defaultProps), {
-        context: componentContext,
-        wrappingComponent: MockContextProvider,
-      });
+      const { container } = await renderWithContext(
+        <EnhancedComponent {...defaultProps} />,
+        {
+          contextValue: componentContext,
+        }
+      );
 
       expect(typeof EnhancedComponent.myCustom === 'function').toBeTruthy();
       expect(typeof EnhancedComponent.defaultProps === 'function').toBeTruthy();
-      expect(wrapper).toMatchSnapshot();
+      expect(container.firstChild).toMatchSnapshot();
     });
   });
 });
diff --git a/packages/plugin-select/src/select/__tests__/__snapshots__/SelectSpec.js.snap b/packages/plugin-select/src/select/__tests__/__snapshots__/SelectSpec.js.snap
index fb2e3a33..ccae0033 100644
--- a/packages/plugin-select/src/select/__tests__/__snapshots__/SelectSpec.js.snap
+++ b/packages/plugin-select/src/select/__tests__/__snapshots__/SelectSpec.js.snap
@@ -38,233 +38,127 @@ exports[`plugin-select: createStateSelector should select extra properties from
 `;
 
 exports[`plugin-select: select should forward ref 1`] = `
-<withContext(Component)
-  forwardedRef={
-    {
-      "current": null,
-    }
-  }
-  multiplier={0.5}
-  props="props"
-  settings={
-    {
-      "color": "red",
-    }
-  }
-/>
+<div>
+  {
+  "props": "props",
+  "multiplier": 0.5,
+  "settings": {
+    "color": "red"
+  },
+  "width": 90,
+  "height": 60
+}
+</div>
 `;
 
 exports[`plugin-select: select should render component 1`] = `
-<h1>
-  text
-</h1>
+<div>
+  {
+  "props": "props",
+  "multiplier": 0.5,
+  "settings": {
+    "color": "red"
+  }
+}
+</div>
 `;
 
 exports[`plugin-select: select should render component with changed props 1`] = `
-<withContext(Component)
-  multiplier={3}
-  props="props"
-  settings={
-    {
-      "color": "red",
-    }
-  }
->
-  <Component
-    height={180}
-    multiplier={3}
-    props="props"
-    settings={
-      {
-        "color": "red",
-      }
-    }
-    width={270}
-  >
-    <h1>
-      text
-    </h1>
-  </Component>
-</withContext(Component)>
+<div>
+  {
+  "props": "props",
+  "multiplier": 3,
+  "settings": {
+    "color": "red"
+  },
+  "width": 270,
+  "height": 180
+}
+</div>
 `;
 
 exports[`plugin-select: select should render component with extraProps 1`] = `
-<withContext(Component)
-  multiplier={0.5}
-  props="props"
-  settings={
-    {
-      "color": "red",
-    }
-  }
->
-  <Component
-    height={60}
-    multiplier={0.5}
-    props="props"
-    settings={
-      {
-        "color": "red",
-      }
-    }
-    width={90}
-  >
-    <h1>
-      text
-    </h1>
-  </Component>
-</withContext(Component)>
+<div>
+  {
+  "props": "props",
+  "multiplier": 0.5,
+  "settings": {
+    "color": "red"
+  },
+  "width": 90,
+  "height": 60
+}
+</div>
 `;
 
 exports[`plugin-select: select should render component with extraProps and own createStateSelector 1`] = `
-<withContext(Component)
-  multiplier={0.5}
-  props="props"
-  settings={
-    {
-      "color": "red",
-    }
-  }
->
-  <Component
-    height={60}
-    multiplier={0.5}
-    props="props"
-    settings={
-      {
-        "color": "red",
-      }
-    }
-    width={90}
-  >
-    <h1>
-      text
-    </h1>
-  </Component>
-</withContext(Component)>
+<div>
+  {
+  "props": "props",
+  "multiplier": 0.5,
+  "settings": {
+    "color": "red"
+  },
+  "width": 90,
+  "height": 60
+}
+</div>
 `;
 
 exports[`plugin-select: select should render component with extraProps and own static methods 1`] = `
-<withContext(Component)
-  multiplier={0.5}
-  props="props"
-  settings={
-    {
-      "color": "red",
-    }
-  }
->
-  <Component
-    height={60}
-    multiplier={0.5}
-    props="props"
-    settings={
-      {
-        "color": "red",
-      }
-    }
-    width={90}
-  >
-    <h1>
-      text
-    </h1>
-  </Component>
-</withContext(Component)>
+<div>
+  {
+  "props": "props",
+  "multiplier": 0.5,
+  "settings": {
+    "color": "red"
+  },
+  "width": 90,
+  "height": 60
+}
+</div>
 `;
 
 exports[`plugin-select: select should render component with extraProps and own static methods for forwardedSelect 1`] = `
-<ForwardRef(select(Component))
-  multiplier={0.5}
-  props="props"
-  settings={
-    {
-      "color": "red",
-    }
-  }
->
-  <withContext(Component)
-    forwardedRef={null}
-    multiplier={0.5}
-    props="props"
-    settings={
-      {
-        "color": "red",
-      }
-    }
-  >
-    <Component
-      forwardedRef={null}
-      height={60}
-      multiplier={0.5}
-      props="props"
-      settings={
-        {
-          "color": "red",
-        }
-      }
-      width={90}
-    >
-      <h1>
-        text
-      </h1>
-    </Component>
-  </withContext(Component)>
-</ForwardRef(select(Component))>
+<div>
+  {
+  "props": "props",
+  "multiplier": 0.5,
+  "settings": {
+    "color": "red"
+  },
+  "forwardedRef": null,
+  "width": 90,
+  "height": 60
+}
+</div>
 `;
 
 exports[`plugin-select: select should render component with extraProps modifies by ownProps 1`] = `
-<withContext(Component)
-  multiplier={0.5}
-  props="props"
-  settings={
-    {
-      "color": "red",
-    }
-  }
->
-  <Component
-    height={30}
-    multiplier={0.5}
-    props="props"
-    settings={
-      {
-        "color": "red",
-      }
-    }
-    width={45}
-  >
-    <h1>
-      text
-    </h1>
-  </Component>
-</withContext(Component)>
+<div>
+  {
+  "props": "props",
+  "multiplier": 0.5,
+  "settings": {
+    "color": "red"
+  },
+  "width": 45,
+  "height": 30
+}
+</div>
 `;
 
 exports[`plugin-select: select should render component with extraProps replaced by ownProps 1`] = `
-<withContext(Component)
-  multiplier={0.5}
-  props="props"
-  settings={
-    {
-      "color": "red",
-    }
-  }
->
-  <Component
-    height={60}
-    multiplier={0.25}
-    props="props"
-    settings={
-      {
-        "color": "red",
-        "newSettingsProp": true,
-      }
-    }
-    width={90}
-  >
-    <h1>
-      text
-    </h1>
-  </Component>
-</withContext(Component)>
+<div>
+  {
+  "props": "props",
+  "multiplier": 0.25,
+  "settings": {
+    "color": "red",
+    "newSettingsProp": true
+  },
+  "width": 90,
+  "height": 60
+}
+</div>
 `;
diff --git a/packages/plugin-testing-integration/EnzymePageRenderer.js b/packages/plugin-testing-integration/EnzymePageRenderer.js
index 1b7e61e5..e63955bb 100644
--- a/packages/plugin-testing-integration/EnzymePageRenderer.js
+++ b/packages/plugin-testing-integration/EnzymePageRenderer.js
@@ -7,6 +7,8 @@ const {
 const { mount } = require('enzyme');
 const ReactDOM = require('react-dom');
 
+// @TODO: Delete this file with next major version as we are moving away from Enzyme and
+// this file is not being used in any known projects.
 class EnzymeReactDOM {
   constructor() {
     this._instances = [];
diff --git a/utils/integration/main.js b/utils/integration/main.js
new file mode 100644
index 00000000..df3dcdb1
--- /dev/null
+++ b/utils/integration/main.js
@@ -0,0 +1,3 @@
+import 'src/main'; // Import plugin main file to initialize pluginLoader
+
+export * from '@ima/testing-library/fallback/app/main';