Get Help
diff --git a/src/js/main.js b/src/js/main.js
index f6e4948..e127969 100644
--- a/src/js/main.js
+++ b/src/js/main.js
@@ -27,7 +27,7 @@ if (typeof ClipboardJS !== 'undefined') {
}
})
clipboard.on('error', function (event) {
- // console.debug('clipboard.error:', event)
+ console.debug('clipboard.error:', event)
showToast('Clipboard Copy Failed', 'warning')
})
}
diff --git a/src/js/options.js b/src/js/options.js
index 26102c9..6f9d9fa 100644
--- a/src/js/options.js
+++ b/src/js/options.js
@@ -28,6 +28,7 @@ document.getElementById('filters-form').addEventListener('submit', addFilter)
document.getElementById('reset-default').addEventListener('click', resetForm)
document.getElementById('grant-perms').addEventListener('click', grantPerms)
document.getElementById('revoke-perms').addEventListener('click', revokePerms)
+document.getElementById('copy-support').addEventListener('click', copySupport)
document
.getElementById('options-form')
@@ -232,7 +233,7 @@ function dragOver(event) {
}
}
-function dragEnd(event) {
+function dragEnd() {
// console.debug('dragEnd:', event)
const el = document.getElementById(last)
el?.classList.remove('table-group-divider')
@@ -468,3 +469,29 @@ export async function grantPerms(event) {
console.debug('grantPerms:', event)
await requestPerms()
}
+
+/**
+ * Copy Support/Debugging Information
+ * @function copySupport
+ * @param {MouseEvent} event
+ */
+async function copySupport(event) {
+ console.debug('copySupport:', event)
+ event.preventDefault()
+ const manifest = chrome.runtime.getManifest()
+ const { options } = await chrome.storage.sync.get(['options'])
+ const permissions = await chrome.permissions.getAll()
+ const local = window.localStorage
+ const result = [
+ '```',
+ `${manifest.name} - ${manifest.version}`,
+ navigator.userAgent,
+ `permissions.origins: ${JSON.stringify(permissions.origins)}`,
+ `options: ${JSON.stringify(options)}`,
+ `links-table: ${local['DataTables_links-table_/html/links.html']}`,
+ `domains-table: ${local['DataTables_domains-table_/html/links.html']}`,
+ '```',
+ ]
+ await navigator.clipboard.writeText(result.join('\n'))
+ showToast('Support Information Copied.')
+}
diff --git a/tests/manifest-test.json b/tests/manifest-test.json
new file mode 100644
index 0000000..a6dd9e8
--- /dev/null
+++ b/tests/manifest-test.json
@@ -0,0 +1,7 @@
+{
+ "host_permissions": ["*://*/*"],
+ "background": {
+ "service_worker": "js/service-worker.js"
+ },
+ "minimum_chrome_version": "88"
+}
diff --git a/tests/patterns.txt b/tests/patterns.txt
new file mode 100644
index 0000000..4b3b9e1
--- /dev/null
+++ b/tests/patterns.txt
@@ -0,0 +1 @@
+["docs","\\.[a-z0-9]+$","\\.(jpg|jpeg|png|gif)$","\\.(jpg|jpeg|png|gif|bmp|webp)$"]
\ No newline at end of file
diff --git a/tests/test.js b/tests/test.js
new file mode 100644
index 0000000..02b4a91
--- /dev/null
+++ b/tests/test.js
@@ -0,0 +1,148 @@
+const puppeteer = require('puppeteer')
+const path = require('path')
+const fs = require('fs')
+
+const sourceDir = 'src'
+const screenshotsDir = 'tests/screenshots'
+
+/** @type {puppeteer.Browser} */
+let browser
+/** @type {puppeteer.Page} */
+let page
+
+let timeout = 10000
+let count = 1
+
+/**
+ * @function screenshot
+ * @param {String} name
+ * @return {Promise
}
+ */
+async function screenshot(name) {
+ const n = count.toString().padStart(2, '0')
+ await page.screenshot({ path: `${screenshotsDir}/${n}_${name}.png` })
+ count++
+}
+
+/**
+ * @function getPage
+ * @param {String} name
+ * @param {Boolean=} log
+ * @param {String=} size
+ * @return {import('puppeteer').Page}
+ */
+async function getPage(name, log, size) {
+ console.debug(`getPage: ${name}`, log, size)
+ const target = await browser.waitForTarget(
+ (target) => target.type() === 'page' && target.url().includes(name),
+ { timeout }
+ )
+ page = await target.asPage()
+ await page.emulateMediaFeatures([
+ { name: 'prefers-color-scheme', value: 'dark' },
+ ])
+ page.setDefaultTimeout(timeout)
+ if (size) {
+ const [width, height] = size.split('x').map((x) => parseInt(x))
+ await page.setViewport({ width, height })
+ }
+ if (log) {
+ console.debug(`Adding Logger: ${name}`)
+ page.on('console', (msg) =>
+ console.log(`console: ${name}:`, msg.text())
+ )
+ }
+ return page
+}
+
+;(async () => {
+ fs.rmSync(screenshotsDir, { recursive: true, force: true })
+ fs.mkdirSync(screenshotsDir)
+
+ const pathToExtension = path.join(process.cwd(), sourceDir)
+ console.log('pathToExtension:', pathToExtension)
+ browser = await puppeteer.launch({
+ args: [
+ `--disable-extensions-except=${pathToExtension}`,
+ `--load-extension=${pathToExtension}`,
+ '--disable-blink-features=AutomationControlled',
+ '--disable-features=ChromeUserPermPrompt',
+ ],
+ dumpio: true,
+ // headless: false,
+ // slowMo: 50,
+ })
+ console.log('browser:', browser)
+
+ // Get Service Worker
+ const workerTarget = await browser.waitForTarget(
+ (target) =>
+ target.type() === 'service_worker' &&
+ target.url().endsWith('service-worker.js'),
+ { timeout }
+ )
+ const worker = await workerTarget.worker()
+ console.log('worker:', worker)
+
+ // Popup
+ await worker.evaluate('chrome.action.openPopup();')
+ page = await getPage('popup.html', true)
+ console.log('page:', page)
+ await page.waitForNetworkIdle()
+ await screenshot('popup')
+ // await page.locator('#filter-input').fill('test')
+ // await screenshot('popup')
+ // await page.locator('[href="../html/options.html"]').click()
+ await page.evaluate((selector) => {
+ document.querySelector(selector).click()
+ }, 'a[href="../html/options.html"]')
+ // await page
+ // .locator('a')
+ // .filter((el) => el.href.endsWith('html/options.html'))
+ // .click()
+
+ // Options
+ page = await getPage('options.html', true)
+ console.log('page:', page)
+ await page.waitForNetworkIdle()
+ await screenshot('options')
+
+ // await page.locator('#import-data').click()
+ const [fileChooser] = await Promise.all([
+ page.waitForFileChooser(),
+ page.click('#import-data'), // some button that triggers file selection
+ ])
+ await fileChooser.accept(['./tests/patterns.txt'])
+ await screenshot('options')
+
+ // // This does not accept the permission dialog
+ // page.on('dialog', async (dialog) => {
+ // await dialog.accept()
+ // })
+ // await page.locator('#grant-perms').click()
+ // await new Promise((resolve) => setTimeout(resolve, 5000))
+
+ // // is not a valid permission
+ // const context = browser.defaultBrowserContext()
+ // await context.overridePermissions(undefined, [''])
+
+ // Page
+ await page.goto('https://link-extractor.cssnr.com/')
+ page.on('console', (msg) => console.log(`console: page:`, msg.text()))
+ await page.bringToFront()
+ await page.waitForNetworkIdle()
+
+ // Links
+ await worker.evaluate('chrome.action.openPopup();')
+ let popupPage = await getPage('popup.html', true)
+ console.log('popupPage:', popupPage)
+ await popupPage.locator('#linksNoWrap').click()
+ await popupPage.locator('a[data-filter=""]').click()
+
+ page = await getPage('links.html', true)
+ console.log('page:', page)
+ await page.waitForNetworkIdle()
+ await screenshot('links')
+
+ await browser.close()
+})()