Merge pull request #349 from KentYang123/lab4

[LAB4] 512558014

Author: AlaRduTP

lab4/main_test.js

@@ -5,18 +5,47 @@ const puppeteer = require('puppeteer');
     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();
-})();
+    try {
+        // 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
+
+        // Click search button
+        await page.click('button.DocSearch.DocSearch-Button');
+
+        // Type into search box
+        await page.waitForSelector('#docsearch-input');
+        await page.type('#docsearch-input', 'chipi chipi chapa chapa', { delay: 1000 });
+
+        // Wait for search result
+        await page.waitForSelector('#docsearch-item-5');
+
+        // Click on first result in `Docs` section
+        await page.click('#docsearch-item-5');
+
+        // Locate the title
+        await page.waitForSelector('h1');
+
+        // Get the text content of the title element
+        const title = await page.evaluate(() => {
+            const titleElement = document.querySelector('h1');
+            return titleElement.textContent;
+        });
+
+        // Print the title
+        console.log(title);
+    } catch (error) {
+        console.error('An error occurred:', error);
+    } finally {
+        // Close the browser
+        await browser.close();
+    }
+})();