Refactor the test code into a different folder and start a new test s…

…uite
wlicb · Sep 30, 2022 · 042bd49 · 042bd49
1 parent 2410825
commit 042bd49
Show file tree

Hide file tree

Showing 15 changed files with 1,308 additions and 132 deletions.
diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
@@ -25,3 +25,4 @@ jobs:
             - run: npm ci
             - run: npm run compile
             - run: npm run lint
+            - run: npm run test
diff --git a/.vscode/launch.json b/.vscode/launch.json
@@ -23,7 +23,7 @@
 			"request": "launch",
 			"args": [
 				"--extensionDevelopmentPath=${workspaceFolder}",
-				"--extensionTestsPath=${workspaceFolder}/out/extension/test/suite/index"
+				"--extensionTestsPath=${workspaceFolder}/out/test/suite/index"
 			],
 			"outFiles": [
 				"${workspaceFolder}/out/test/**/*.js"

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -176,16 +176,18 @@
         "vscode:prepublish": "npm run compile",
         "compile:panel": "webpack",
         "compile:extension": "tsc -p ./tsconfig.extension.json",
-        "compile": "npm run compile:panel && npm run compile:extension",
+        "compile:test": "tsc -p ./tsconfig.test.json",
+        "compile": "npm run compile:panel && npm run compile:extension && npm run compile:test",
         "watch": "tsc -watch -p ./tsconfig.extension.json",
         "pretest": "npm run compile && npm run lint",
         "lint": "eslint src --ext ts && prettier --check src",
         "lint:fix": "eslint src --ext ts --fix && prettier --write src",
-        "test": "node ./out/extension/test/runTest.js"
+        "test": "node ./out/test/runTest.js"
     },
     "devDependencies": {
         "@rbarilani/remove-source-map-url-webpack-plugin": "^1.1.0",
         "@types/glob": "^7.1.3",
+        "@types/jsdom": "^20.0.0",
         "@types/mocha": "^9.1.1",
         "@types/node": "^18.0.0",
         "@types/vscode": "^1.68.0",
@@ -194,6 +196,7 @@
         "eslint": "^8.18.0",
         "eslint-plugin-unused-imports": "^2.0.0",
         "glob": "^8.0.3",
+        "jsdom": "^20.0.0",
         "mocha": "^10.0.0",
         "prettier": "^2.7.1",
         "ts-loader": "^9.3.0",

diff --git a/src/extension/test/suite/extension.test.js b/src/extension/test/suite/extension.test.js
diff --git a/src/extension/test/suite/extension.test.ts b/src/extension/test/suite/extension.test.ts
diff --git a/src/extension/test/package.json → src/test/package.json b/src/extension/test/package.json → src/test/package.json
diff --git a/src/extension/test/runTest.js → src/test/runTest.js b/src/extension/test/runTest.js → src/test/runTest.js
diff --git a/src/extension/test/runTest.ts → src/test/runTest.ts b/src/extension/test/runTest.ts → src/test/runTest.ts
diff --git a/src/extension/test/suite/index.js → src/test/suite/index.js b/src/extension/test/suite/index.js → src/test/suite/index.js
diff --git a/src/extension/test/suite/index.ts → src/test/suite/index.ts b/src/extension/test/suite/index.ts → src/test/suite/index.ts
diff --git a/src/test/suite/panel.test.ts b/src/test/suite/panel.test.ts
@@ -0,0 +1,65 @@
+import * as assert from 'assert';
+
+// You can import and use all API from the 'vscode' module
+// as well as import your extension to test it
+import * as vscode from 'vscode';
+import { PetSize, PetType, PetColor } from '../../common/types';
+import * as pets from '../../panel/pets';
+
+import { JSDOM } from 'jsdom';
+
+declare global {
+    namespace NodeJS {
+        interface Global {
+            document: Document;
+            window: Window;
+            navigator: Navigator;
+        }
+    }
+}
+
+const { window } = new JSDOM('<!doctype html><html><body></body></html>');
+global.document = window.document;
+global.window = global.document.defaultView;
+
+suite('Pets Test Suite', () => {
+    vscode.window.showInformationMessage('Start all tests.');
+
+    test('Test pet collection', () => {
+        var collection = new pets.PetCollection();
+        const petImageEl = new HTMLImageElement();
+        const petDivEl = new HTMLDivElement();
+        const testPet = pets.createPet(
+            'cat',
+            petImageEl,
+            petDivEl,
+            PetSize.medium,
+            0,
+            0,
+            'testPet',
+            0,
+            'Jerry',
+        );
+        assert(testPet instanceof pets.Cat);
+        assert(testPet.emoji() === '🐱');
+        assert(testPet.name() === 'Jerry');
+
+        const testPetElement = new pets.PetElement(
+            petImageEl,
+            petDivEl,
+            testPet,
+            PetColor.brown,
+            PetType.cat,
+        );
+        assert(testPetElement.color === PetColor.brown);
+        assert(testPetElement.type === PetType.cat);
+
+        assert(collection.locate('Jerry') === undefined);
+
+        collection.push(testPetElement);
+        assert(collection.locate('Jerry') === testPetElement);
+
+        collection.remove('Jerry');
+        assert(collection.locate('Jerry') === undefined);
+    });
+});
diff --git a/tsconfig.extension.json b/tsconfig.extension.json
@@ -18,5 +18,6 @@
 		"node_modules",
 		".vscode-test",
 		"src/panel",
+		"src/test"
 	]
 }
diff --git a/tsconfig.panel.json b/tsconfig.panel.json
@@ -17,6 +17,7 @@
 	"exclude": [
 		"node_modules",
 		".vscode-test",
-		"src/extension"
+		"src/extension",
+		"src/test"
 	]
 }
diff --git a/tsconfig.test.json b/tsconfig.test.json
@@ -0,0 +1,20 @@
+{
+	"compilerOptions": {
+		"module": "commonjs",
+		"target": "esnext",
+		"outDir": "out",
+		"lib": [
+			"es6", "DOM"
+		],
+		"sourceMap": true,
+		"rootDirs": ["panel", "common", "test", "extension"],
+		"strict": true   /* enable all strict type-checking options */
+		/* Additional Checks */
+		// "noImplicitReturns": true, /* Report error when not all code paths in function return a value. */
+		// "noFallthroughCasesInSwitch": true, /* Report errors for fallthrough cases in switch statement. */
+		// "noUnusedParameters": true,  /* Report errors on unused parameters. */
+	},
+	"exclude": [
+		"node_modules",
+	]
+}