Added unittests for ES6, PWA, and requireJS pages

Author: eugene-dynamsoft

tests/unittest/ES6.test.ts

@@ -0,0 +1,40 @@
+import { test, expect } from '@playwright/test';
+
+/*
+1. Test the ES6 hello wolrd page should have the correct header.
+2. Test the ES6 hello world page should have the correct main heading.
+3. Test the ES6 hello world page should have the camera view container.
+4. Test the ES6 hello world page should have the results field.
+*/
+
+const URL = '/hello-world/es6.html';
+
+test.beforeEach(async ({ page }) => {
+  await page.goto(URL);
+});
+
+test('should have correct title', async ({ page }) => {
+    const title = await page.title();
+    expect(title).toBe("Dynamsoft Barcode Reader Sample - Hello World for ES6 (Decode via Camera)");
+});
+
+test('should have main heading', async ({ page }) => {
+    const h1 = await page.locator('h1');
+    expect(h1).not.toBeNull();
+    await expect(h1).toHaveText('Hello World for ES6 (Decode via Camera)');
+});
+
+test('should have camera view container', async ({ page }) => {
+    const cameraViewContainer = await page.locator('#camera-view-container');
+    await expect(cameraViewContainer).toBeVisible();
+
+    const boundingBox = await cameraViewContainer.boundingBox();
+
+    const viewportSize = page.viewportSize();
+    expect(boundingBox?.height).toBeCloseTo(viewportSize!.height * 0.8, -1);
+});
+
+test('should have result containers', async ({ page }) => {
+    const resultsContainer = await page.locator('#results');
+    expect(resultsContainer).not.toBeNull();
+});

tests/unittest/pwa.test.ts

@@ -0,0 +1,40 @@
+import { test, expect } from '@playwright/test';
+
+/*
+1. Test the PWA hello wolrd page should have the correct header.
+2. Test the PWA hello world page should have the correct main heading.
+3. Test the PWA hello world page should have the camera view container.
+4. Test the PWA hello world page should have the results field.
+*/
+
+const URL = '/hello-world/pwa/helloworld-pwa.html';
+
+test.beforeEach(async ({ page }) => {
+  await page.goto(URL);
+});
+
+test('should have correct title', async ({ page }) => {
+    const title = await page.title();
+    expect(title).toBe("Dynamsoft Barcode Reader PWA Sample - Hello World (Decode via Camera)");
+});
+
+test('should have main heading', async ({ page }) => {
+    const h1 = await page.locator('h1');
+    expect(h1).not.toBeNull();
+    await expect(h1).toHaveText('Hello World for PWA');
+});
+
+test('should have camera view container', async ({ page }) => {
+    const cameraViewContainer = await page.locator('#camera-view-container');
+    await expect(cameraViewContainer).toBeVisible();
+
+    const boundingBox = await cameraViewContainer.boundingBox();
+
+    const viewportSize = page.viewportSize();
+    expect(boundingBox?.height).toBeCloseTo(viewportSize!.height * 0.8, -1);
+});
+
+test('should have result containers', async ({ page }) => {
+    const resultsContainer = await page.locator('#results');
+    expect(resultsContainer).not.toBeNull();
+});

tests/unittest/requireJS.test.ts

@@ -0,0 +1,40 @@
+import { test, expect } from '@playwright/test';
+
+/*
+1. Test the requireJS hello wolrd page should have the correct header.
+2. Test the requireJS hello world page should have the correct main heading.
+3. Test the requireJS hello world page should have the camera view container.
+4. Test the requireJS hello world page should have the results field.
+*/
+
+const URL = '/hello-world/requirejs.html';
+
+test.beforeEach(async ({ page }) => {
+  await page.goto(URL);
+});
+
+test('should have correct title', async ({ page }) => {
+    const title = await page.title();
+    expect(title).toBe("Dynamsoft Barcode Reader Sample - Hello World for RequireJS (Decode via Camera)");
+});
+
+test('should have main heading', async ({ page }) => {
+    const h1 = await page.locator('h1');
+    expect(h1).not.toBeNull();
+    await expect(h1).toHaveText('Hello World for RequireJS (Decode via Camera)');
+});
+
+test('should have camera view container', async ({ page }) => {
+    const cameraViewContainer = await page.locator('#camera-view-container');
+    await expect(cameraViewContainer).toBeVisible();
+
+    const boundingBox = await cameraViewContainer.boundingBox();
+
+    const viewportSize = page.viewportSize();
+    expect(boundingBox?.height).toBeCloseTo(viewportSize!.height * 0.8, -1);
+});
+
+test('should have result containers', async ({ page }) => {
+    const resultsContainer = await page.locator('#results');
+    expect(resultsContainer).not.toBeNull();
+});