chore: update test

clipper/public/content.ts

@@ -9,12 +9,16 @@ browser.runtime.onMessage.addListener((request: any, sender, sendResponse) => {
   }
 });
 
+// Only use this script on appflowy.com
 if (window.location.hostname.endsWith('appflowy.com')) {
   if (localStorage.token) {
     browser.storage.local.get(['auth_flow_active']).then((storage_data) => {
       if (storage_data.auth_flow_active) {
         browser.storage.local
-          .set({ token: localStorage.token, auth_flow_active: false })
+          .set({
+            token: localStorage.token,
+            auth_flow_active: false,
+          })
           .then(() => {
             console.log('Token saved successfully');
             location.href = chrome.runtime.getURL('/index.html#/auth-redirect');

clipper/tests/index.test.js

@@ -1,7 +1,5 @@
 const puppeteer = require('puppeteer');
-
-const EXTENSION_PATH = '../dist';
-const EXTENSION_ID = 'bnhhcpdgpabghbipjeocenbhompjlmll';
+const { EXTENSION_PATH, EXTENSION_ID } = require('./util');
 
 let browser;
 
@@ -45,5 +43,4 @@ test('popup renders correctly', async () => {
   }
 
   await page.close();
-  await browser.close();
 });

clipper/tests/side_panel.test.js

@@ -0,0 +1,39 @@
+const puppeteer = require('puppeteer');
+const { EXTENSION_PATH, EXTENSION_ID } = require('./util');
+
+let browser;
+
+beforeEach(async () => {
+  browser = await puppeteer.launch({
+    headless: false,
+    args: [
+      `--disable-extensions-except=${EXTENSION_PATH}`,
+      `--load-extension=${EXTENSION_PATH}`,
+    ],
+  });
+});
+
+afterEach(async () => {
+  await browser.close();
+  browser = undefined;
+});
+
+test('test auth redirect correctly', async () => {
+  const page = await browser.newPage();
+  await page.goto(`chrome-extension://${EXTENSION_ID}/index.html#/popup`);
+  await page.waitForSelector('button', { timeout: 5000 });
+
+  // Use evaluate to set token in browser.storage.local
+  await page.evaluate(() => {
+    chrome.storage.local.set({ auth_flow_active: 'true' });
+    chrome.storage.local.set({ token: 'mock token' });
+  });
+
+  // Wait for the redirect
+  await page.waitForFunction(
+    () => window.location.hash === '#/auth-redirect', // Use hash to check redirect
+    { timeout: 10000 }
+  );
+
+  await browser.close();
+});

clipper/tests/util.ts

@@ -0,0 +1,4 @@
+const EXTENSION_PATH = '../dist';
+const EXTENSION_ID = 'bnhhcpdgpabghbipjeocenbhompjlmll';
+
+module.exports = { EXTENSION_PATH, EXTENSION_ID };