From 1a8e1f7484b4830de9d1f2d772a9fd3ed0e9c2aa Mon Sep 17 00:00:00 2001
From: jayhsiao <shjay629@gmail.com>
Date: Wed, 2 Apr 2025 23:54:20 +0800
Subject: [PATCH 1/2] Add E2E test for search functionality

---
 lab4/main_test.js | 19 ++++++++++++++++++-
 1 file changed, 18 insertions(+), 1 deletion(-)

diff --git a/lab4/main_test.js b/lab4/main_test.js
index e37d21a..c474b3e 100644
--- a/lab4/main_test.js
+++ b/lab4/main_test.js
@@ -7,9 +7,26 @@ const puppeteer = require('puppeteer');
 
     // Navigate the page to a URL
     await page.goto('https://pptr.dev/');
-
+    // set viewport size
+    await page.setViewport({ width: 1080, height: 1024 });
     // Hints:
     // Click search button
+    // 點擊搜尋按鈕
+    await page.click('.DocSearch-Button');
+    // 等待搜尋框出現
+    await page.waitForSelector('.DocSearch-Input');
+    await page.type('.DocSearch-Input', 'andy popoo');
+    // 等待搜尋結果出現
+    await page.waitForSelector("#docsearch-hits1-item-4 > a > div", { visible: true });
+    // 點擊搜尋結果
+    await page.click("#docsearch-hits1-item-4 > a > div");
+    // 等待新頁面載入並定位標題（例如 h1 標籤）
+    await page.waitForSelector('h1');
+
+    // 取得並印出標題文字
+    const title = await page.$eval('h1', el => el.textContent);
+    console.log(title);
+     
     // Type into search box
     // Wait for search result
     // Get the `Docs` result section

From 3957fdf35450a38dc8e2c8d8917adf04862032a3 Mon Sep 17 00:00:00 2001
From: jayhsiao <shjay629@gmail.com>
Date: Thu, 3 Apr 2025 00:15:47 +0800
Subject: [PATCH 2/2] fix get the right h1 tag

---
 lab4/main_test.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/lab4/main_test.js b/lab4/main_test.js
index c474b3e..be73f98 100644
--- a/lab4/main_test.js
+++ b/lab4/main_test.js
@@ -21,7 +21,7 @@ const puppeteer = require('puppeteer');
     // 點擊搜尋結果
     await page.click("#docsearch-hits1-item-4 > a > div");
     // 等待新頁面載入並定位標題（例如 h1 標籤）
-    await page.waitForSelector('h1');
+    await page.waitForSelector('#__docusaurus_skipToContent_fallback > div > div > main > div > div > div > div > article > div.theme-doc-markdown.markdown > header > h1');
 
     // 取得並印出標題文字
     const title = await page.$eval('h1', el => el.textContent);