Updating test case

accessibility-checker-extension/test/tests/HeaderSection.test.tsx

@@ -9,10 +9,10 @@ import { setupTest } from '../support/testUtil';
 // Describe this Suite of testscases, describe is a test Suite and 'it' is a testcase.
 describe("HeaderSection", () => {
     test("Is accessible", async () => {
-        setupTest(<HeaderSection />)
+        setupTest(<HeaderSection />) //
         await (expect(document) as any).toBeAccessible();
     });
-
+  // Test the help button and check that it opens the quick guide. 
     describe("First button", () => {
         test("Label is 'Help'", async () => {
             let button = document.body.querySelector("button");
@@ -35,12 +35,30 @@ describe("HeaderSection", () => {
 
             button!.click();
         });
-    });
-
+
+    // Test the setting button and check that the option page comes up. 
     test("Second button is settings", async () => {
         let button = document.body.querySelectorAll("button")[1];
         let labelId = button?.getAttribute("aria-labelledby") || "";
         let label = document.getElementById(labelId);
         expect(label?.textContent).toEqual("Settings");
+     });
+
+    test("Click opens options.html", async () => {
+        let button = document.body.querySelector("button");
+        // Expect click of the help button to open quickGuideAC.html
+        window.chrome = { runtime: {
+                getURL: (url: string) => url
+        } } as any
+
+        (window as any).open = (url: string, target: string) => {
+            expect(url).toEqual("options.html");
+            expect(target).toEqual("_blank");
+        };
+
+        button!.click();
+    });
+
+
     });
 });