Merge branch 'msw' into feature/test-on-error

Author: sectsect

apps/solidjs-boilerplate/package.json

@@ -61,6 +61,7 @@
     "husky": "^8.0.3",
     "jsdom": "^24.0.0",
     "lint-staged": "^15.2.0",
+    "msw": "^2.3.1",
     "postcss": "^8.4.33",
     "postcss-calc": "^9.0.1",
     "postcss-combine-duplicated-selectors": "^10.0.3",

apps/solidjs-boilerplate/src/mocks/handlers.ts

@@ -0,0 +1,14 @@
+// eslint-disable-next-line import/no-extraneous-dependencies
+import { http, HttpResponse } from 'msw';
+
+export const handlers = [
+  // Intercept "GET https://example.com/user" requests...
+  http.get('https://example.com/user', () => {
+    // ...and respond to them using this JSON response.
+    return HttpResponse.json({
+      id: 'c7b3d8e0-5e0b-4b0f-8b3a-3b9f4b3d3b3d',
+      firstName: 'John',
+      lastName: 'Maverick',
+    });
+  }),
+];

apps/solidjs-boilerplate/src/mocks/server.ts

@@ -0,0 +1,6 @@
+// eslint-disable-next-line import/no-extraneous-dependencies
+import { setupServer } from 'msw/node';
+
+import { handlers } from './handlers';
+
+export const server = setupServer(...handlers);

apps/solidjs-boilerplate/vite.config.ts

@@ -35,6 +35,25 @@ export default defineConfig({
       all: false,
       provider: 'v8',
       reporter: ['text', 'json', 'html', 'lcov'],
+      exclude: [
+        'coverage/**',
+        'dist/**',
+        '**/[.]**',
+        'packages/*/test?(s)/**',
+        '**/*.d.ts',
+        '**/virtual:*',
+        '**/__x00__*',
+        '**/\x00*',
+        'cypress/**',
+        'test?(s)/**',
+        'test?(-*).?(c|m)[jt]s?(x)',
+        '**/*{.,-}{test,spec}?(-d).?(c|m)[jt]s?(x)',
+        '**/__tests__/**',
+        '**/{karma,rollup,webpack,vite,vitest,jest,ava,babel,nyc,cypress,tsup,build}.config.*',
+        '**/vitest.{workspace,projects}.[jt]s?(on)',
+        '**/.{eslint,mocha,prettier}rc.{?(c|m)js,yml}',
+        '**/mocks/**',
+      ],
     },
     // solid needs to be inline to work around
     // a resolution issue in vitest:
@@ -52,6 +71,7 @@ export default defineConfig({
       '**/.{idea,git,cache,output,temp}/**',
       '**/{karma,rollup,webpack,vite,vitest,jest,ava,babel,nyc,cypress}.config.*',
       '**/e2e/**', // Additional e2e directory for Playwright.
+      '**/mocks/**',
     ],
     deps: {}, // @ https://qiita.com/Stead08/items/762093fe86999fec4e80
   },

apps/solidjs-boilerplate/vitest.setup.ts

@@ -1,2 +1,10 @@
-// eslint-disable-next-line import/no-extraneous-dependencies
-import '@testing-library/jest-dom';
+/* eslint-disable import/no-extraneous-dependencies */
+import '@testing-library/jest-dom/vitest';
+import { beforeAll, afterEach, afterAll } from 'vitest';
+
+import { server } from './src/mocks/server';
+
+// So this is basically saying any network requests that come through route them to mock service worker instead of the actual network.
+beforeAll(() => server.listen());
+afterEach(() => server.resetHandlers());
+afterAll(() => server.close());

packages/solid-hiding-header/vitest.setup.ts

@@ -1,2 +1,2 @@
 // eslint-disable-next-line import/no-extraneous-dependencies
-import '@testing-library/jest-dom';
+import '@testing-library/jest-dom/vitest';