feat: release mocks

.changeset/cool-games-reflect.md

@@ -0,0 +1,5 @@
+---
+'@web/mocks': major
+---
+
+Initial release

packages/dev-server-esbuild/package.json

@@ -53,8 +53,8 @@
   "dependencies": {
     "@mdn/browser-compat-data": "^4.0.0",
     "@web/dev-server-core": "^0.7.0",
-    "parse5": "^6.0.1",
     "esbuild": "^0.19.5",
+    "parse5": "^6.0.1",
     "ua-parser-js": "^1.0.33"
   },
   "devDependencies": {

packages/mocks/package.json

@@ -48,6 +48,7 @@
   },
   "scripts": {
     "start": "wds --config demo/wc/web-dev-server.config.mjs",
+    "test:browser": "node ../test-runner/dist/bin.js test-browser/*.test.js --config test-browser/web-test-runner.config.js",
     "types": "wireit"
   },
   "files": [
@@ -65,7 +66,7 @@
     "@web/storybook-prebuilt": "^0.1.37",
     "@web/storybook-utils": "^1.0.0",
     "lit": "^2.7.5 || ^3.0.0",
-    "msw": "0.0.0-fetch.rc-23"
+    "msw": "^2.0.0"
   },
   "devDependencies": {
     "@web/dev-server": "^0.4.0",

packages/mocks/test-browser/mocks.test.js

@@ -0,0 +1,15 @@
+import { http } from '../http.js';
+import { expect } from '@esm-bundle/chai';
+import { registerMockRoutes } from '../browser.js';
+
+it('mocks a request', async () => {
+  registerMockRoutes(http.get('/api/foo', () => Response.json({ foo: 'foo' })));
+  const { foo } = await fetch('/api/foo').then(r => r.json());
+  expect(foo).to.equal('foo');
+});
+
+it('overrides a previous handler', async () => {
+  registerMockRoutes(http.get('/api/foo', () => Response.json({ foo: 'bar' })));
+  const { foo } = await fetch('/api/foo').then(r => r.json());
+  expect(foo).to.equal('bar');
+});

packages/mocks/test-browser/web-test-runner.config.js

@@ -0,0 +1,6 @@
+import { mockPlugin } from '../wds-plugin.js';
+
+export default {
+  nodeResolve: true,
+  plugins: [mockPlugin()],
+};

packages/mocks/tsconfig.json

@@ -5,5 +5,5 @@
     "rootDir": "."
   },
   "include": ["**/*.js", "**/*.ts"],
-  "exclude": ["dist-types"]
+  "exclude": ["dist-types", "test-browser"]
 }