Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
f31adb8
commit b744544
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,107 @@ | ||
| import path from 'path' | ||
| import {execSync} from 'child_process' | ||
| import {test as base, chromium} from '@playwright/test' | ||
|
|
||
| const exampleDir = 'examples/content-esm' | ||
| const pathToExtension = path.join(__dirname, `dist/chrome`) | ||
|
|
||
| // Define the types in comments for intellisense | ||
| /** | ||
| * @typedef {import('@playwright/test').BrowserContext} BrowserContext | ||
| */ | ||
|
|
||
| const extensionFixtures = ( | ||
| /** @type {string} */ pathToExtension, | ||
| /** @type {boolean} */ headless | ||
| ) => { | ||
| return base.extend({ | ||
| /** @type {() => Promise<BrowserContext>} */ | ||
| context: async ({}, use) => { | ||
| const context = await chromium.launchPersistentContext('', { | ||
| headless: false, | ||
| args: [ | ||
| headless ? `--headless=new` : '', | ||
| `--disable-extensions-except=${pathToExtension}`, | ||
| `--load-extension=${pathToExtension}`, | ||
| '--no-first-run', // Disable Chrome's native first run experience. | ||
| '--disable-client-side-phishing-detection', // Disables client-side phishing detection | ||
| '--disable-component-extensions-with-background-pages', // Disable some built-in extensions that aren't affected by '--disable-extensions' | ||
| '--disable-default-apps', // Disable installation of default apps | ||
| '--disable-features=InterestFeedContentSuggestions', // Disables the Discover feed on NTP | ||
| '--disable-features=Translate', // Disables Chrome translation, both the manual option and the popup prompt when a page with differing language is detected. | ||
| '--hide-scrollbars', // Hide scrollbars from screenshots. | ||
| '--mute-audio', // Mute any audio | ||
| '--no-default-browser-check', // Disable the default browser check, do not prompt to set it as such | ||
| '--no-first-run', // Skip first run wizards | ||
| '--ash-no-nudges', // Avoids blue bubble "user education" nudges (eg., "… give your browser a new look", Memory Saver) | ||
| '--disable-search-engine-choice-screen', // Disable the 2023+ search engine choice screen | ||
| '--disable-features=MediaRoute', // Avoid the startup dialog for `Do you want the application “Chromium.app” to accept incoming network connections?`. Also disables the Chrome Media Router which creates background networking activity to discover cast targets. A superset of disabling DialMediaRouteProvider. | ||
| '--use-mock-keychain', // Use mock keychain on Mac to prevent the blocking permissions dialog about "Chrome wants to use your confidential information stored in your keychain" | ||
| '--disable-background-networking', // Disable various background network services, including extension updating, safe browsing service, upgrade detector, translate, UMA | ||
| '--disable-breakpad', // Disable crashdump collection (reporting is already disabled in Chromium) | ||
| '--disable-component-update', // Don't update the browser 'components' listed at chrome://components/ | ||
| '--disable-domain-reliability', // Disables Domain Reliability Monitoring, which tracks whether the browser has difficulty contacting Google-owned sites and uploads reports to Google. | ||
| '--disable-features=AutofillServerCommunicatio', // Disables autofill server communication. This feature isn't disabled via other 'parent' flags. | ||
| '--disable-features=CertificateTransparencyComponentUpdate', | ||
| '--disable-sync', // Disable syncing to a Google account | ||
| '--disable-features=OptimizationHints', // Used for turning on Breakpad crash reporting in a debug environment where crash reporting is typically compiled but disabled. Disable the Chrome Optimization Guide and networking with its service API | ||
| '--disable-features=DialMediaRouteProvider', // A weaker form of disabling the MediaRouter feature. See that flag's details. | ||
| '--no-pings', // Don't send hyperlink auditing pings | ||
| '--enable-features=SidePanelUpdates' // Ensure the side panel is visible. This is used for testing the side panel feature. | ||
| ].filter((arg) => !!arg) | ||
| }) | ||
| await use(context) | ||
| await context.close() | ||
| }, | ||
| /** @type {() => Promise<string>} */ | ||
| extensionId: async ({context}, use) => { | ||
| /* | ||
| // for manifest v2: | ||
| let [background] = context.backgroundPages() | ||
| if (!background) | ||
| background = await context.waitForEvent('backgroundpage') | ||
| */ | ||
|
|
||
| // for manifest v3: | ||
| let [background] = context.serviceWorkers() | ||
| if (!background) background = await context.waitForEvent('serviceworker') | ||
|
|
||
| const extensionId = background.url().split('/')[2] | ||
| await use(extensionId) | ||
| } | ||
| }) | ||
| } | ||
|
|
||
| const test = extensionFixtures(pathToExtension, true) | ||
|
|
||
| test.beforeAll(async () => { | ||
| execSync(`pnpm extension build ${exampleDir}`, { | ||
| cwd: path.join(__dirname, '..') | ||
| }) | ||
| }) | ||
|
|
||
| test('should exist an element with the class name content_script-box', async ({ | ||
| page | ||
| }) => { | ||
| await page.goto('https://extension.js.org/') | ||
| const div = page.locator('body > div.content_script-box') | ||
| await test.expect(div).toBeVisible() | ||
| }) | ||
|
|
||
| test('should exist an h1 element with specified content', async ({page}) => { | ||
| await page.goto('https://extension.js.org/') | ||
| const h1 = page.locator('body > div.content_script-box > h1') | ||
| await test.expect(h1).toHaveText('Change the background-color ⬇') | ||
| }) | ||
|
|
||
| test('should exist a default color value', async ({page}) => { | ||
| await page.goto('https://extension.js.org/') | ||
| const h1 = page.locator('body > div.content_script-box > h1') | ||
| const color = await page.evaluate( | ||
| (locator) => { | ||
| return window.getComputedStyle(locator).getPropertyValue('color') | ||
| }, | ||
| await h1.elementHandle() | ||
| ) | ||
| await test.expect(color).toEqual('rgb(51, 51, 51)') | ||
| }) | ||
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,102 @@ | ||
| import path from 'path' | ||
| import {execSync} from 'child_process' | ||
|
|
||
| import {test as base, chromium} from '@playwright/test' | ||
|
|
||
| const exampleDir = 'examples/content-esm' | ||
| const pathToExtension = path.join(__dirname, `dist/chrome`) | ||
|
|
||
| // Define the types in comments for intellisense | ||
| /** | ||
| * @typedef {import('@playwright/test').BrowserContext} BrowserContext | ||
| */ | ||
|
|
||
| const extensionFixtures = ( | ||
| /** @type {string} */ pathToExtension, | ||
| /** @type {boolean} */ headless | ||
| ) => { | ||
| return base.extend({ | ||
| /** @type {() => Promise<BrowserContext>} */ | ||
| context: async ({}, use) => { | ||
| const context = await chromium.launchPersistentContext('', { | ||
| headless: false, | ||
| args: [ | ||
| headless ? `--headless=new` : '', | ||
| `--disable-extensions-except=${pathToExtension}`, | ||
| `--load-extension=${pathToExtension}`, | ||
| '--no-first-run', // Disable Chrome's native first run experience. | ||
| '--disable-client-side-phishing-detection', // Disables client-side phishing detection | ||
| '--disable-component-extensions-with-background-pages', // Disable some built-in extensions that aren't affected by '--disable-extensions' | ||
| '--disable-default-apps', // Disable installation of default apps | ||
| '--disable-features=InterestFeedContentSuggestions', // Disables the Discover feed on NTP | ||
| '--disable-features=Translate', // Disables Chrome translation, both the manual option and the popup prompt when a page with differing language is detected. | ||
| '--hide-scrollbars', // Hide scrollbars from screenshots. | ||
| '--mute-audio', // Mute any audio | ||
| '--no-default-browser-check', // Disable the default browser check, do not prompt to set it as such | ||
| '--no-first-run', // Skip first run wizards | ||
| '--ash-no-nudges', // Avoids blue bubble "user education" nudges (eg., "… give your browser a new look", Memory Saver) | ||
| '--disable-search-engine-choice-screen', // Disable the 2023+ search engine choice screen | ||
| '--disable-features=MediaRoute', // Avoid the startup dialog for `Do you want the application “Chromium.app” to accept incoming network connections?`. Also disables the Chrome Media Router which creates background networking activity to discover cast targets. A superset of disabling DialMediaRouteProvider. | ||
| '--use-mock-keychain', // Use mock keychain on Mac to prevent the blocking permissions dialog about "Chrome wants to use your confidential information stored in your keychain" | ||
| '--disable-background-networking', // Disable various background network services, including extension updating, safe browsing service, upgrade detector, translate, UMA | ||
| '--disable-breakpad', // Disable crashdump collection (reporting is already disabled in Chromium) | ||
| '--disable-component-update', // Don't update the browser 'components' listed at chrome://components/ | ||
| '--disable-domain-reliability', // Disables Domain Reliability Monitoring, which tracks whether the browser has difficulty contacting Google-owned sites and uploads reports to Google. | ||
| '--disable-features=AutofillServerCommunicatio', // Disables autofill server communication. This feature isn't disabled via other 'parent' flags. | ||
| '--disable-features=CertificateTransparencyComponentUpdate', | ||
| '--disable-sync', // Disable syncing to a Google account | ||
| '--disable-features=OptimizationHints', // Used for turning on Breakpad crash reporting in a debug environment where crash reporting is typically compiled but disabled. Disable the Chrome Optimization Guide and networking with its service API | ||
| '--disable-features=DialMediaRouteProvider', // A weaker form of disabling the MediaRouter feature. See that flag's details. | ||
| '--no-pings', // Don't send hyperlink auditing pings | ||
| '--enable-features=SidePanelUpdates' // Ensure the side panel is visible. This is used for testing the side panel feature. | ||
| ].filter((arg) => !!arg) | ||
| }) | ||
| await use(context) | ||
| await context.close() | ||
| }, | ||
| /** @type {() => Promise<string>} */ | ||
| extensionId: async ({context}, use) => { | ||
| /* | ||
| // for manifest v2: | ||
| let [background] = context.backgroundPages() | ||
| if (!background) | ||
| background = await context.waitForEvent('backgroundpage') | ||
| */ | ||
|
|
||
| // for manifest v3: | ||
| let [background] = context.serviceWorkers() | ||
| if (!background) background = await context.waitForEvent('serviceworker') | ||
|
|
||
| const extensionId = background.url().split('/')[2] | ||
| await use(extensionId) | ||
| } | ||
| }) | ||
| } | ||
|
|
||
| const test = extensionFixtures(pathToExtension, true) | ||
|
|
||
| test.beforeAll(async () => { | ||
| execSync(`pnpm extension build ${exampleDir}`, { | ||
| cwd: path.join(__dirname, '..') | ||
| }) | ||
| }) | ||
|
|
||
| test('should exist an element with the welcome message text', async ({ | ||
| page | ||
| }) => { | ||
| await page.goto('chrome://newtab/') | ||
| const h1 = page.locator('h1') | ||
| await test.expect(h1).toHaveText('Welcome to your New Extension') | ||
| }) | ||
|
|
||
| test('should exist a default color value', async ({page}) => { | ||
| await page.goto('chrome://newtab/') | ||
| const h1 = page.locator('h1') | ||
| const color = await page.evaluate( | ||
| (locator) => { | ||
| return window.getComputedStyle(locator).getPropertyValue('color') | ||
| }, | ||
| await h1.elementHandle() | ||
| ) | ||
| await test.expect(color).toEqual('rgb(74, 74, 74)') | ||
| }) | ||
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters