Migrate from Webpack and Jest to Vite and Vitest (#3104)

* Replace Webpack with Vite * Bulk rename component test files to use jsx * Don't mock `react-dom` when we don't have to * Repalce Jest with Vitest * Fix tests after vitest migration * Rename dist folder for publish-to-gh-pages
Kinto · Jan 16, 2024 · 47ed19d · 47ed19d
1 parent 8ade740
commit 47ed19d
Show file tree

Hide file tree

Showing 54 changed files with 4,278 additions and 3,130 deletions.
diff --git a/.eslintrc b/.eslintrc
@@ -17,8 +17,7 @@
   "env": {
     "es6": true,
     "browser": true,
-    "node": true,
-    "jest": true
+    "node": true
   },
   "extends": ["prettier"],
   "parserOptions": {

diff --git a/README.md b/README.md
@@ -56,10 +56,10 @@ This will generate a production-ready assets in a `build` directory, ready to be
 Use the following options to customize the Kinto Admin build.
 
 ### Single Server
-By default, Kinto Admin gives you the option to connect to multiple Kinto Servers. If you only want Kinto Admin to connect to the server from which it's being served, you can set the `SINGLE_SERVER` flag as an environment variable:
+By default, Kinto Admin gives you the option to connect to multiple Kinto Servers. If you only want Kinto Admin to connect to the server from which it's being served, you can set the `KINTO_ADMIN_SINGLE_SERVER` flag as an environment variable:
 
 ```
-SINGLE_SERVER=1 npm run build
+KINTO_ADMIN_SINGLE_SERVER=1 npm run build
 ```
 
 ### Building for relative paths

diff --git a/StubModule.js b/StubModule.js
diff --git a/__mocks__/kinto-http.js b/__mocks__/kinto-http.js
@@ -0,0 +1,13 @@
+import { DEFAULT_SERVERINFO } from "../src/reducers/session";
+import { vi } from 'vitest';
+
+export const mockFetchServerInfo = vi.fn().mockReturnValue(DEFAULT_SERVERINFO);
+
+const mock = vi.fn().mockImplementation(server => {
+  return {
+    fetchServerInfo: mockFetchServerInfo,
+    remote: server,
+  };
+});
+
+export default mock;
diff --git a/html/index.html b/html/index.html
diff --git a/index.html b/index.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+    <meta charset="utf-8">
+    <title>Kinto Administration</title>
+    <meta name="viewport" content="width=device-width,initial-scale=1">
+    <link rel="icon" type="image/x-icon" href="../images/favicon.png">
+</head>
+
+<body>
+    <div id="app"></div>
+    <script type="module" src="/src/index.tsx"></script>
+</body>
+
+
+</html>
diff --git a/jest.config.js b/jest.config.js