[code-infra] Bring batch of changes from vitest PR (#46795)

Author: Janpot

apps/pigment-css-vite-app/src/Slider/ZeroSlider.test.jsx

@@ -1,5 +1,5 @@
 /* globals expect */
-import { render } from '@testing-library/react';
+import { render } from '@testing-library/react/pure';
 import Slider from './ZeroSlider';
 
 describe('Slider', () => {

apps/pigment-css-vite-app/src/pages/fixtures/index.test.js

@@ -101,7 +101,7 @@ async function main() {
       it(`creates screenshots of ${route}`, async function test() {
         // With the playwright inspector we might want to call `page.pause` which would lead to a timeout.
         if (process.env.PWDEBUG) {
-          this.timeout(0);
+          this?.timeout?.(0);
         }
 
         const testcase = await renderFixture(index);

package.json

@@ -101,7 +101,8 @@
     "@netlify/functions": "^4.2.5",
     "@slack/bolt": "^4.4.0",
     "babel-plugin-transform-import-meta": "^2.3.3",
-    "execa": "^9.6.0"
+    "execa": "^9.6.0",
+    "karma-spec-reporter": "^0.0.36"
   },
   "devDependencies": {
     "@arethetypeswrong/cli": "^0.18.2",
@@ -126,6 +127,7 @@
     "@types/babel__core": "^7.20.5",
     "@types/babel__register": "^7.17.3",
     "@types/lodash": "^4.17.20",
+    "@types/lodash.kebabcase": "^4.1.9",
     "@types/mocha": "^10.0.10",
     "@types/node": "^20.19.11",
     "@types/react": "^19.1.11",
@@ -161,6 +163,7 @@
     "karma-webpack": "^5.0.0",
     "lerna": "^8.2.3",
     "lodash": "^4.17.21",
+    "lodash.kebabcase": "^4.1.1",
     "markdownlint-cli2": "^0.18.1",
     "mocha": "^11.7.1",
     "nx": "^20.8.2",
@@ -171,6 +174,7 @@
     "pretty-quick": "^4.2.2",
     "process": "^0.11.10",
     "react": "^19.1.1",
+    "react-dom": "^19.1.1",
     "rimraf": "^6.0.1",
     "serve": "^14.2.4",
     "stylelint": "^16.23.1",