Integrate Testing into Templates (cloudflare#132)

* integrate testing

* integrate testing with vitest

* add tests for worker-router template

worker-aws/wrangler.toml

@@ -1,6 +1,5 @@
-name = "" # todo
-workers_dev = true
-
+name = "worker-aws"
+main="index.js" 
 compatibility_date = "2022-05-03"
 
 [build]

worker-router/index.test.js

@@ -0,0 +1,53 @@
+import { unstable_dev } from 'wrangler';
+import { describe, expect, it, beforeAll, afterAll } from 'vitest';
+
+describe('Worker', () => {
+	let worker;
+
+	beforeAll(async () => {
+		worker = await unstable_dev('index.js', {}, { disableExperimentalWarning: true });
+	});
+
+	afterAll(async () => {
+		await worker.stop();
+	});
+
+	it('should return index route response', async () => {
+		const resp = await worker.fetch('/');
+		if (resp) {
+			const text = await resp.text();
+			expect(text).toMatchInlineSnapshot(
+				`"Hello, world! This is the root page of your Worker template."`
+			);
+		}
+	});
+
+	it('should return status 200 and encoded response', async () => {
+		const resp = await worker.fetch('/example/hello');
+		if (resp) {
+			const text = await resp.text();
+			expect(text).toContain('aGVsbG8');
+			expect(resp.status).toBe(200);
+		}
+	});
+
+	it('should return 200 and reponse object', async () => {
+		const init = {
+			body: { abc: 'def' },
+			method: 'POST',
+		};
+		const resp = await worker.fetch('/post', init);
+		const json = await resp.json();
+		if (resp) {
+			expect(json).toEqual({ asn: 395747, colo: 'DFW' });
+			expect(resp.status).toBe(200);
+		}
+	});
+
+	it('should return 404 for undefined routes', async () => {
+		const resp = await worker.fetch('/foobar');
+		if (resp) {
+			expect(resp.status).toBe(404);
+		}
+	});
+});

worker-router/package.json

@@ -4,12 +4,14 @@
 	"scripts": {
 		"deploy": "wrangler publish index.js",
 		"dev": "wrangler dev index.js --local",
+		"test": "vitest",
 		"start-stackblitz": "WRANGLER_SEND_METRICS=false wrangler dev index.js --local"
 	},
 	"dependencies": {
 		"itty-router": "^2.6.1"
 	},
 	"devDependencies": {
-		"wrangler": "2.0.23"
+		"vitest": "^0.25.2",
+		"wrangler": "^2.2.2"
 	}
 }

worker-typescript/package.json

@@ -4,23 +4,12 @@
 	"scripts": {
 		"deploy": "wrangler publish src/index.ts",
 		"dev": "wrangler dev src/index.ts --local",
-		"test": "node --experimental-vm-modules node_modules/jest/bin/jest.js",
+		"test": "vitest",
 		"start-stackblitz": "WRANGLER_SEND_METRICS=false wrangler dev src/index.ts --local"
 	},
 	"devDependencies": {
 		"@cloudflare/workers-types": "^3.0.0",
-		"@types/jest": "^28.1.6",
-		"@typescript-eslint/eslint-plugin": "^5.33.0",
-		"@typescript-eslint/parser": "^5.33.0",
-		"eslint": "^8.21.0",
-		"eslint-config-prettier": "^8.5.0",
-		"eslint-config-typescript": "^3.0.0",
-		"jest": "^28.1.3",
-		"jest-environment-miniflare": "^2.6.0",
-		"miniflare": "^2.6.0",
-		"prettier": "^2.7.1",
-		"ts-jest": "^28.0.7",
-		"typescript": "^4.7.4",
-		"wrangler": "2.0.23"
+		"vitest": "^0.24.5",
+		"wrangler": "^2.1.14"
 	}
 }

worker-typescript/src/index.test.ts

@@ -0,0 +1,24 @@
+import { unstable_dev } from 'wrangler';
+import type { UnstableDevWorker } from 'wrangler';
+import { describe, expect, it, beforeAll, afterAll } from 'vitest';
+
+describe('Worker', () => {
+	let worker: UnstableDevWorker;
+
+	beforeAll(async () => {
+		worker = await unstable_dev('src/index.ts', {}, { disableExperimentalWarning: true });
+	});
+
+	afterAll(async () => {
+		await worker.stop();
+	});
+
+	it('should return 200 response', async () => {
+		const req = new Request('http://falcon', { method: 'GET' });
+		const resp = await worker.fetch(req);
+		expect(resp.status).toBe(200);
+
+		const text = await resp.text();
+		expect(text).toBe('request method: GET');
+	});
+});

worker/index.test.js

@@ -0,0 +1,22 @@
+import { unstable_dev } from 'wrangler';
+import { describe, expect, it, beforeAll, afterAll } from 'vitest';
+
+describe('Worker', () => {
+	let worker;
+
+	beforeAll(async () => {
+		worker = await unstable_dev('index.js', {}, { disableExperimentalWarning: true });
+	});
+
+	afterAll(async () => {
+		await worker.stop();
+	});
+
+	it('should return Hello worker!', async () => {
+		const resp = await worker.fetch();
+		if (resp) {
+			const text = await resp.text();
+			expect(text).toMatchInlineSnapshot(`"Hello worker!"`);
+		}
+	});
+});

worker/package.json

@@ -3,9 +3,11 @@
 	"version": "0.0.0",
 	"scripts": {
 		"deploy": "wrangler publish index.js",
-		"dev": "wrangler dev index.js --local"
+		"dev": "wrangler dev index.js --local",
+		"test": "vitest"
 	},
 	"devDependencies": {
+		"vitest": "^0.24.5",
 		"wrangler": "^2.0.0"
 	}
 }