chore: introduce testing-library for component testing (#1285)

allows to do integration tests
fixes https://github.com/containers/podman-desktop/issues/1284

Change-Id: Ia51025a3bfa5bfe5693d9b4e39e85a660e3f87f4

Signed-off-by: Florent Benoit <fbenoit@redhat.com>

package.json

@@ -44,7 +44,7 @@
     "test:preload": "vitest run -r packages/preload --passWithNoTests",
     "test:preload-docker-extension": "vitest run -r packages/preload-docker-extension --passWithNoTests",
     "test:extensions": "vitest run -r extensions --passWithNoTests",
-    "test:renderer": "vitest run packages/renderer --passWithNoTests",
+    "test:renderer": "vitest -c packages/renderer/vite.config.js run packages/renderer --passWithNoTests",
     "test:watch": "vitest watch",
     "watch": "node scripts/watch.cjs",
     "format:check": "prettier --check \"{extensions,packages,tests,types}/**/*.{ts,svelte}\" \"extensions/*/scripts/build.js\" \"website/*.js\" \"website/src/**/*.{css,tsx}\"",

packages/renderer/package.json

@@ -14,11 +14,14 @@
     "@fortawesome/free-solid-svg-icons": "^6.2.1",
     "@patternfly/patternfly": "^4.222.4",
     "@sveltejs/vite-plugin-svelte": "^2.0.2",
+    "@testing-library/jest-dom": "^5.16.5",
+    "@testing-library/svelte": "^3.2.2",
     "@tsconfig/svelte": "^3.0.0",
     "@typescript-eslint/eslint-plugin": "5.49.0",
     "autoprefixer": "^10.4.13",
     "filesize": "^10.0.6",
     "humanize-duration": "^3.28.0",
+    "jsdom": "^21.1.0",
     "moment": "^2.29.4",
     "monaco-editor": "^0.34.1",
     "ninja-keys": "^1.2.2",

packages/renderer/vite.config.js

@@ -35,10 +35,20 @@ export default defineConfig({
       '/@/': join(PACKAGE_ROOT, 'src') + '/',
     },
   },
-  plugins: [svelte()],
+  plugins: [svelte({ hot: !process.env.VITEST })],
   optimizeDeps: {
     exclude: ['tinro'],
   },
+  test: {
+    include: ['src/**/*.{test,spec}.{js,mjs,cjs,ts,mts,cts,jsx,tsx}'],
+    globals: true,
+    environment: 'jsdom',
+    deps: {
+      inline: [
+        'moment',
+      ],
+    },
+  },
   base: '',
   server: {
     fs: {