feat: lab4

Author: AlaRduTP

.gitignore

@@ -0,0 +1 @@
+node_modules/

lab2/main_test.js

@@ -1,79 +1,6 @@
 const test = require('node:test');
 const assert = require('assert');
-const fs = require('fs');
-
-// 模擬文件讀取操作
-test.mock.method(fs, 'readFile', (file, options, callback) => {
-    callback(null, 'martin\njohn\ntom');
-});
-
-// 導入需要測試的類
 const { Application, MailSystem } = require('./main');
 
-// 測試 MailSystem 類的 write 方法
-test('MailSystem_write()', () => {
-    const mailSystem = new MailSystem();
-    assert.strictEqual(mailSystem.write('martin'), 'Congrats, martin!');
-    assert.strictEqual(mailSystem.write(null), 'Congrats, null!');
-    assert.strictEqual(mailSystem.write(48763), 'Congrats, 48763!');
-});
-
-// 測試 MailSystem 類的 send 方法
-test('MailSystem_send()', () => {
-    const mailSystem = new MailSystem();
-    const name = 'martin';
-    test.mock.method(Math, 'random', () => 0.6);
-    assert.strictEqual(mailSystem.send(name, 'success'), true);
-    test.mock.method(Math, 'random', () => 0.4);
-    assert.strictEqual(mailSystem.send(name, 'fail'), false);
-});
-
-// 測試 Application 類的 getNames 方法
-test('Application_getNames()', async () => {
-    const app = new Application();
-    const nameList = ['martin', 'john', 'tom'];
-    const names = await app.getNames();
-    assert.deepStrictEqual(names, [nameList, []]);
-});
-
-// 測試 Application 類的 getRandomPerson 方法
-test('Application_getRandomPerson()', async () => {
-    const app = new Application();
-    const names = await app.getNames();
-    test.mock.method(Math, 'random', () => 0);
-    assert.strictEqual(app.getRandomPerson(), 'martin');
-    test.mock.method(Math, 'random', () => 0.4);
-    assert.strictEqual(app.getRandomPerson(), 'john');
-    test.mock.method(Math, 'random', () => 0.7);
-    assert.strictEqual(app.getRandomPerson(), 'tom');
-});
-
-// 測試 Application 類的 selectNextPerson 方法
-test('Application_selectNextPerson()', async () => {
-    const app = new Application();
-    const names = await app.getNames();
-    app.selected = ['martin'];
-    let count = 0;
-    test.mock.method(app, 'getRandomPerson', () => {
-        if (count <= names.length) { 
-            return names[0][count++]; 
-        }
-    });
-    assert.strictEqual(app.selectNextPerson(), 'john');
-    assert.deepStrictEqual(app.selected, ['martin', 'john']);
-    assert.strictEqual(app.selectNextPerson(), 'tom');
-    assert.deepStrictEqual(app.selected, ['martin', 'john', 'tom']);
-    assert.strictEqual(app.selectNextPerson(), null);
-});
-
-// 測試 Application 類的 notifySelected 方法
-test('Application_notifySelected()', async () => {
-    const app = new Application();
-    app.people = ['martin', 'john', 'tom'];
-    app.selected = ['martin', 'john', 'tom'];
-    app.mailSystem.send = test.mock.fn(app.mailSystem.send);
-    app.mailSystem.write = test.mock.fn(app.mailSystem.write);
-    app.notifySelected();
-    assert.strictEqual(app.mailSystem.send.mock.calls.length, 3);
-    assert.strictEqual(app.mailSystem.write.mock.calls.length, 3);
-});
+// TODO: write your tests here
+// Remember to use Stub, Mock, and Spy when necessary

lab4/README.md

@@ -0,0 +1,29 @@
+# Lab4
+
+## Introduction
+
+In this lab, you will write tests in `main_test.js`. You can learn how to use [Puppeteer](https://pptr.dev/) to tests a web UI.
+
+## Preparation (Important!!!)
+
+1. Sync fork your branch (e.g., `SQLab:311XXXXXX`)
+2. `git checkout -b lab4` (**NOT** your student ID !!!)
+
+## Requirement
+
+1. (100%) Goto https://pptr.dev/, type `chipi chipi chapa chapa` into the search box, click on **1st** result in the **Docs** section, and print the title.
+
+For the detailed steps and hints, please check the slide of this lab.
+
+You can run `validate.sh` in your local to test if you satisfy the requirements.
+
+Please note that you must not alter files other than `main_test.js`. You will get 0 points if
+
+1. you modify other files to achieve requirements.
+2. you can't pass all CI on your PR.
+
+## Submission
+
+You need to open a pull request to your branch (e.g. 311XXXXXX, your student number) and contain the code that satisfies the abovementioned requirements.
+
+Moreover, please submit the URL of your PR to E3. Your submission will only be accepted when you present at both places.

lab4/main_test.js

@@ -0,0 +1,22 @@
+const puppeteer = require('puppeteer');
+
+(async () => {
+    // Launch the browser and open a new blank page
+    const browser = await puppeteer.launch();
+    const page = await browser.newPage();
+
+    // Navigate the page to a URL
+    await page.goto('https://pptr.dev/');
+
+    // Hints:
+    // Click search button
+    // Type into search box
+    // Wait for search result
+    // Get the `Docs` result section
+    // Click on first result in `Docs` section
+    // Locate the title
+    // Print the title
+
+    // Close the browser
+    await browser.close();
+})();