[LAB4] 313551801

lab2/main.js

@@ -28,6 +28,7 @@ class Application {
         this.people = [];
         this.selected = [];
         this.mailSystem = new MailSystem();
+
         this.getNames().then(([people, selected]) => {
             this.people = people;
             this.selected = selected;

lab2/main_test.js

@@ -3,4 +3,4 @@ const assert = require('assert');
 const { Application, MailSystem } = require('./main');
 
 // TODO: write your tests here
-// Remember to use Stub, Mock, and Spy when necessary
+// Remember to use Stub, Mock, and Spy when necessary

lab2/package.json

@@ -0,0 +1,5 @@
+{
+  "devDependencies": {
+    "sinon": "^19.0.4"
+  }
+}

lab4/main_test.js

@@ -2,21 +2,56 @@ const puppeteer = require('puppeteer');
 
 (async () => {
     // Launch the browser and open a new blank page
-    const browser = await puppeteer.launch();
+    const browser = await puppeteer.launch({
+        headless: false,
+        slowMo: 1
+    });
     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
+    try {
+        await page.goto('https://pptr.dev/');
+        await page.setViewport({ width: 1080, height: 1024 });
+
+        // Click search button
+        await page.click('.DocSearch-Button');
+        await page.waitForSelector('.DocSearch-Input');
+        // Type into search box
+        // Wait for search result
+        await page.type('.DocSearch-Input', 'Andy popoo');
+
+        // Get the `Docs` result section
+        // Click on first result in `Docs` section
+        await page.waitForFunction(() => {
+            const bits = document.querySelectorAll('.DocSearch-Hit-source');
+            return Array.from(bits).some(el => 
+                el.textContent.trim() === 'ElementHandle'
+            );
+        }, { timeout: 8000 });
+
+        await page.evaluate(() => {
+            const bits = document.querySelectorAll('.DocSearch-Hit-source');
+            for (const bite of bits) {
+                if (bite.textContent.trim() === 'ElementHandle') {
+                    const parent = bite.parentElement;
+                    const first = parent.querySelector('.DocSearch-Hit a');
+                    if (first) {
+                        first.click();
+                        return true;
+                    }
+                }
+            }
+            throw new Error('No results found for elementhandle');
+        });
+
+        // locate and print the title
+        await page.waitForSelector('h1');
+        const header = await page.$eval('h1', el => el.textContent.trim());
+        console.log(header);
 
-    // Close the browser
-    await browser.close();
+    } catch (error) {
+        console.error('Error:', error.message);
+    } finally {
+        await browser.close();
+    }
 })();