Adding playwright test to the project

.github/workflows/playwright.yml

@@ -24,4 +24,4 @@ jobs:
       with:
         name: playwright-report
         path: playwright-report/
-        retention-days: 30
+        retention-days: 30

.gitignore

@@ -8,6 +8,15 @@ CaptureImageModal
 .env.local
 .env.*.local
 
+# test related files
+test-results/
+playwright-report/
+blob-report/
+playwright/.cache/
+coverage/
+.nyc_output/
+
+
 # Log files
 npm-debug.log*
 yarn-debug.log*

README.md

@@ -6,6 +6,22 @@
 | ------------  | ------------------------------------------------------------------------------------ |
 | `VIN Scanner` | Scan the VIN code from a barcode or a text line and extract the vehicle information. |
 
+## Testing
+
+Install dependencies
+
+```
+cd VINScanner
+
+npm install
+```
+
+Execute playwright code coverage test by simply run
+
+```
+npm test
+```
+
 ## License
 
 You can request a 30-day trial license via the [Request a Trial License](https://www.dynamsoft.com/customer/license/trialLicense/?product=cvs&utm_source=github&package=js) link.

VINScanner/.babelrc

@@ -0,0 +1,5 @@
+{
+    "presets": ["@babel/preset-env"],
+    "plugins": ["istanbul"]
+  }
+

VINScanner/.nycrc

@@ -0,0 +1,12 @@
+{
+  "extends": "@istanbuljs/nyc-config-typescript",
+  "all": true,
+  "check-coverage": true,
+  "reporter": ["text", "html", "lcov"],
+  "include": ["**/*.js"],
+  "exclude": [
+    "tests",
+    "node_modules",
+    "coverage"
+  ]
+}