diff --git a/special-pages/pages/new-tab/app/favorites/integration-tests/favorites.spec.js b/special-pages/pages/new-tab/app/favorites/integration-tests/favorites.spec.js index a92181f72e..76203c6e0a 100644 --- a/special-pages/pages/new-tab/app/favorites/integration-tests/favorites.spec.js +++ b/special-pages/pages/new-tab/app/favorites/integration-tests/favorites.spec.js @@ -69,7 +69,7 @@ test.describe('newtab favorites', () => { const ntp = NewtabPage.create(page, workerInfo); const favorites = new FavoritesPage(ntp); await ntp.reducedMotion(); - await ntp.openPage(); + await ntp.openPage({ additional: { omnibar: 'false' } }); await favorites.tabsThroughItems(); }); test('initial empty state', async ({ page }, workerInfo) => { @@ -77,7 +77,8 @@ test.describe('newtab favorites', () => { const favorites = new FavoritesPage(ntp); await ntp.reducedMotion(); // Use cpm: 'null' to enable new UI with InfoIcon for tab navigation test - await ntp.openPage({ favorites: 0, additional: { cpm: 'null' } }); + // Use omnibar: 'false' to hide omnibar so tab order is predictable + await ntp.openPage({ favorites: 0, additional: { cpm: 'null', omnibar: 'false' } }); await favorites.tabsPastEmptyFavorites(); }); test('re-orders items', async ({ page }, workerInfo) => { diff --git a/special-pages/pages/new-tab/app/mock-transport.js b/special-pages/pages/new-tab/app/mock-transport.js index bf2b351f5f..175ceef19a 100644 --- a/special-pages/pages/new-tab/app/mock-transport.js +++ b/special-pages/pages/new-tab/app/mock-transport.js @@ -585,7 +585,7 @@ export function initialSetup(url) { widgetsFromStorage.push({ id: 'protections' }); widgetConfigFromStorage.push({ id: 'protections', visibility: 'visible' }); - if (url.searchParams.has('omnibar')) { + if (url.searchParams.get('omnibar') !== 'false') { const favoritesWidgetIndex = widgetsFromStorage.findIndex((widget) => widget.id === 'favorites') ?? 0; widgetsFromStorage.splice(favoritesWidgetIndex, 0, { id: 'omnibar' }); const favoritesWidgetConfigIndex = widgetConfigFromStorage.findIndex((widget) => widget.id === 'favorites') ?? 0; diff --git a/special-pages/pages/new-tab/app/protections/integrations-tests/protections.screenshots.spec.js-snapshots/protections-activity-integration-darwin.png b/special-pages/pages/new-tab/app/protections/integrations-tests/protections.screenshots.spec.js-snapshots/protections-activity-integration-darwin.png index a940dd578a..1792f75f58 100644 Binary files a/special-pages/pages/new-tab/app/protections/integrations-tests/protections.screenshots.spec.js-snapshots/protections-activity-integration-darwin.png and b/special-pages/pages/new-tab/app/protections/integrations-tests/protections.screenshots.spec.js-snapshots/protections-activity-integration-darwin.png differ diff --git a/special-pages/pages/new-tab/app/protections/integrations-tests/protections.screenshots.spec.js-snapshots/protections-stats-dark-integration-darwin.png b/special-pages/pages/new-tab/app/protections/integrations-tests/protections.screenshots.spec.js-snapshots/protections-stats-dark-integration-darwin.png index 31c43651cf..776c3fc272 100644 Binary files a/special-pages/pages/new-tab/app/protections/integrations-tests/protections.screenshots.spec.js-snapshots/protections-stats-dark-integration-darwin.png and b/special-pages/pages/new-tab/app/protections/integrations-tests/protections.screenshots.spec.js-snapshots/protections-stats-dark-integration-darwin.png differ diff --git a/special-pages/pages/new-tab/app/protections/integrations-tests/protections.screenshots.spec.js-snapshots/protections-stats-empty-integration-darwin.png b/special-pages/pages/new-tab/app/protections/integrations-tests/protections.screenshots.spec.js-snapshots/protections-stats-empty-integration-darwin.png index dbd72f919c..5bedf377f9 100644 Binary files a/special-pages/pages/new-tab/app/protections/integrations-tests/protections.screenshots.spec.js-snapshots/protections-stats-empty-integration-darwin.png and b/special-pages/pages/new-tab/app/protections/integrations-tests/protections.screenshots.spec.js-snapshots/protections-stats-empty-integration-darwin.png differ diff --git a/special-pages/pages/new-tab/app/protections/integrations-tests/protections.screenshots.spec.js-snapshots/protections-stats-integration-darwin.png b/special-pages/pages/new-tab/app/protections/integrations-tests/protections.screenshots.spec.js-snapshots/protections-stats-integration-darwin.png index 3005463c9b..ce22deef6d 100644 Binary files a/special-pages/pages/new-tab/app/protections/integrations-tests/protections.screenshots.spec.js-snapshots/protections-stats-integration-darwin.png and b/special-pages/pages/new-tab/app/protections/integrations-tests/protections.screenshots.spec.js-snapshots/protections-stats-integration-darwin.png differ diff --git a/special-pages/pages/new-tab/integration-tests/new-tab.page.js b/special-pages/pages/new-tab/integration-tests/new-tab.page.js index 6cd6bdb389..c01503c2d5 100644 --- a/special-pages/pages/new-tab/integration-tests/new-tab.page.js +++ b/special-pages/pages/new-tab/integration-tests/new-tab.page.js @@ -123,7 +123,13 @@ export class NewtabPage { } for (const [key, value] of Object.entries(additional || {})) { - searchParams.set(key, value); + if (Array.isArray(value)) { + for (const item of value) { + searchParams.append(key, item); + } + } else { + searchParams.set(key, value); + } } // eslint-disable-next-line no-undef diff --git a/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js b/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js index 7bc8c3077b..038c2214cc 100644 --- a/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js +++ b/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js @@ -1,213 +1,288 @@ import { expect, test } from '@playwright/test'; import { NewtabPage } from './new-tab.page.js'; import { ActivityPage } from '../app/activity/integration-tests/activity.page.js'; -import { CustomizerPage } from '../app/customizer/integration-tests/customizer.page.js'; import { PrivacyStatsPage } from '../app/privacy-stats/integration-tests/privacy-stats.page.js'; import { OmnibarPage } from '../app/omnibar/integration-tests/omnibar.page.js'; const maxDiffPixels = 20; test.describe('NTP screenshots', { tag: ['@screenshots'] }, () => { - test.describe('feed = privacy stats', () => { - test.use({ viewport: { width: 1000, height: 600 } }); + test.describe('privacy stats', () => { test('with dataset "few"', async ({ page }, workerInfo) => { const ntp = NewtabPage.create(page, workerInfo); const stats = new PrivacyStatsPage(page, ntp); await ntp.reducedMotion(); - - // see privacy-stats.mocks.js await ntp.openPage({ additional: { stats: 'few' } }); - - // make sure we're screenshotting when data is showing await stats.hasRows(4); await expect(page).toHaveScreenshot('stats-few.png', { maxDiffPixels }); }); - test('with dataset "few" (dark)', async ({ page }, workerInfo) => { + + test('cpm', async ({ page }, workerInfo) => { const ntp = NewtabPage.create(page, workerInfo); const stats = new PrivacyStatsPage(page, ntp); await ntp.reducedMotion(); - await ntp.darkMode(); - - // see privacy-stats.mocks.js - await ntp.openPage({ additional: { stats: 'few' } }); - - // make sure we're screenshotting when data is showing + await ntp.openPage({ additional: { stats: 'few', cpm: 'true' } }); await stats.hasRows(4); - await expect(page).toHaveScreenshot('stats-few-dark.png', { maxDiffPixels }); + await expect(page).toHaveScreenshot('stats-cpm.png', { maxDiffPixels }); }); }); - test.describe('activity widget screenshots narrow', () => { - test.use({ viewport: { width: 800, height: 800 } }); + test.describe('activity widget', () => { test('default', async ({ page }, workerInfo) => { const ntp = NewtabPage.create(page, workerInfo); const ap = new ActivityPage(page, ntp); await ntp.reducedMotion(); await ntp.openPage({ additional: { 'protections.feed': 'activity' } }); await ap.didRender(); - await expect(page).toHaveScreenshot('narrow-default.png', { maxDiffPixels }); + await expect(page).toHaveScreenshot('activity-default.png', { maxDiffPixels }); }); + test('empty', async ({ page }, workerInfo) => { const ntp = NewtabPage.create(page, workerInfo); const ap = new ActivityPage(page, ntp); await ntp.reducedMotion(); await ntp.openPage({ additional: { 'protections.feed': 'activity', activity: 'empty' } }); await ap.ready(); - await expect(page).toHaveScreenshot('narrow-empty.png', { maxDiffPixels }); + await expect(page).toHaveScreenshot('activity-empty.png', { maxDiffPixels }); }); }); - test.describe('activity widget screenshots wide', () => { - test.use({ viewport: { width: 1000, height: 800 } }); - test('default', async ({ page }, workerInfo) => { + test.describe('omnibar widget', () => { + test('search rest', async ({ page }, workerInfo) => { const ntp = NewtabPage.create(page, workerInfo); - const ap = new ActivityPage(page, ntp); + const omnibar = new OmnibarPage(ntp); await ntp.reducedMotion(); - await ntp.openPage({ additional: { 'protections.feed': 'activity' } }); - await ap.didRender(); - await expect(page).toHaveScreenshot('wide-default.png', { maxDiffPixels }); + await ntp.openPage(); + await omnibar.ready(); + await expect(page).toHaveScreenshot('omnibar-search-rest.png', { maxDiffPixels }); + }); + + test('search suggestions', async ({ page }, workerInfo) => { + const ntp = NewtabPage.create(page, workerInfo); + const omnibar = new OmnibarPage(ntp); + await ntp.reducedMotion(); + await ntp.openPage(); + await omnibar.ready(); + await omnibar.searchInput().fill('pizza'); + await omnibar.waitForSuggestions(); + await page.keyboard.press('ArrowDown'); + await expect(page).toHaveScreenshot('omnibar-search-suggestions.png', { maxDiffPixels }); + }); + + test('ai rest', async ({ page }, workerInfo) => { + const ntp = NewtabPage.create(page, workerInfo); + const omnibar = new OmnibarPage(ntp); + await ntp.reducedMotion(); + await ntp.openPage({ additional: { 'omnibar.mode': 'ai' } }); + await omnibar.ready(); + await expect(page).toHaveScreenshot('omnibar-ai-rest.png', { maxDiffPixels }); + }); + + test('search focused', async ({ page }, workerInfo) => { + const ntp = NewtabPage.create(page, workerInfo); + const omnibar = new OmnibarPage(ntp); + await ntp.reducedMotion(); + await ntp.openPage(); + await omnibar.ready(); + await omnibar.searchInput().click(); + await expect(page).toHaveScreenshot('omnibar-search-focused.png', { maxDiffPixels }); + }); + + test('ai focused', async ({ page }, workerInfo) => { + const ntp = NewtabPage.create(page, workerInfo); + const omnibar = new OmnibarPage(ntp); + await ntp.reducedMotion(); + await ntp.openPage({ additional: { 'omnibar.mode': 'ai' } }); + await omnibar.ready(); + await omnibar.chatInput().click(); + await expect(page).toHaveScreenshot('omnibar-ai-focused.png', { maxDiffPixels }); + }); + + test('ai expanded', async ({ page }, workerInfo) => { + const ntp = NewtabPage.create(page, workerInfo); + const omnibar = new OmnibarPage(ntp); + await ntp.reducedMotion(); + await ntp.openPage({ additional: { 'omnibar.mode': 'ai' } }); + await omnibar.ready(); + const multilineText = 'Line 1\nLine 2\nLine 3\nLine 4\nLine 5'; + await omnibar.chatInput().fill(multilineText); + await expect(page).toHaveScreenshot('omnibar-ai-expanded.png', { maxDiffPixels }); + }); + + test('ai overflow', async ({ page }, workerInfo) => { + const ntp = NewtabPage.create(page, workerInfo); + const omnibar = new OmnibarPage(ntp); + await ntp.reducedMotion(); + await ntp.openPage({ additional: { 'omnibar.mode': 'ai' } }); + await omnibar.ready(); + const longText = Array.from({ length: 15 }, (_, i) => `Line ${i + 1}`).join('\n'); + await omnibar.chatInput().fill(longText); + await expect(page).toHaveScreenshot('omnibar-ai-overflow.png', { maxDiffPixels }); + }); + + test('customize popover', async ({ page }, workerInfo) => { + const ntp = NewtabPage.create(page, workerInfo); + const omnibar = new OmnibarPage(ntp); + await ntp.reducedMotion(); + await ntp.openPage({ additional: { 'omnibar.showCustomizePopover': 'true' } }); + await omnibar.ready(); + await expect(page).toHaveScreenshot('omnibar-customize-popover.png', { maxDiffPixels }); + }); + }); + + test.describe('customizer drawer', () => { + test('sidebar ai enabled', async ({ page }, workerInfo) => { + const ntp = NewtabPage.create(page, workerInfo); + const omnibar = new OmnibarPage(ntp); + await ntp.reducedMotion(); + await ntp.openPage(); + await omnibar.ready(); + await omnibar.customizeButton().click(); + await expect(page).toHaveScreenshot('omnibar-sidebar-ai-enabled.png', { maxDiffPixels }); + }); + + test('sidebar ai disabled', async ({ page }, workerInfo) => { + const ntp = NewtabPage.create(page, workerInfo); + const omnibar = new OmnibarPage(ntp); + await ntp.reducedMotion(); + await ntp.openPage({ additional: { 'omnibar.enableAi': 'false' } }); + await omnibar.ready(); + await omnibar.customizeButton().click(); + await expect(page).toHaveScreenshot('omnibar-sidebar-ai-disabled.png', { maxDiffPixels }); + }); + + test('sidebar hide ai setting', async ({ page }, workerInfo) => { + const ntp = NewtabPage.create(page, workerInfo); + const omnibar = new OmnibarPage(ntp); + await ntp.reducedMotion(); + await ntp.openPage({ additional: { 'omnibar.showAiSetting': 'false' } }); + await omnibar.ready(); + await omnibar.customizeButton().click(); + await expect(page).toHaveScreenshot('omnibar-sidebar-hide-ai-setting.png', { maxDiffPixels }); + }); + }); + + test.describe('favorites widget', () => { + test('many collapsed', async ({ page }, workerInfo) => { + const ntp = NewtabPage.create(page, workerInfo); + await ntp.reducedMotion(); + await ntp.openPage({ additional: { favorites: 'many' } }); + await page.locator('[data-entry-point="favorites"]').waitFor(); + await expect(page).toHaveScreenshot('favorites-many-collapsed.png', { maxDiffPixels }); + }); + + test('many expanded', async ({ page }, workerInfo) => { + const ntp = NewtabPage.create(page, workerInfo); + await ntp.reducedMotion(); + await ntp.openPage({ additional: { favorites: 'many', 'favorites.config.expansion': 'expanded' } }); + await page.locator('[data-entry-point="favorites"]').waitFor(); + await expect(page).toHaveScreenshot('favorites-many-expanded.png', { maxDiffPixels }); + }); + + test('single', async ({ page }, workerInfo) => { + const ntp = NewtabPage.create(page, workerInfo); + await ntp.reducedMotion(); + await ntp.openPage({ additional: { favorites: 'single' } }); + await page.locator('[data-entry-point="favorites"]').waitFor(); + await expect(page).toHaveScreenshot('favorites-single.png', { maxDiffPixels }); }); + test('empty', async ({ page }, workerInfo) => { const ntp = NewtabPage.create(page, workerInfo); - const ap = new ActivityPage(page, ntp); await ntp.reducedMotion(); - await ntp.openPage({ additional: { 'protections.feed': 'activity', activity: 'empty' } }); - await ap.ready(); - await expect(page).toHaveScreenshot('wide-empty.png', { maxDiffPixels }); + await ntp.openPage({ additional: { favorites: 'none' } }); + await page.locator('[data-entry-point="favorites"]').waitFor(); + await expect(page).toHaveScreenshot('favorites-empty.png', { maxDiffPixels }); + }); + }); + + test.describe('update notification', () => { + test('empty', async ({ page }, workerInfo) => { + const ntp = NewtabPage.create(page, workerInfo); + await ntp.reducedMotion(); + await ntp.openPage({ additional: { 'update-notification': 'empty' } }); + await page.locator('[data-entry-point="updateNotification"]').waitFor(); + await expect(page).toHaveScreenshot('update-notification-empty.png', { maxDiffPixels }); }); - test('with drawer', async ({ page }, workerInfo) => { + + test('populated', async ({ page }, workerInfo) => { const ntp = NewtabPage.create(page, workerInfo); - const ap = new ActivityPage(page, ntp); - const customizer = new CustomizerPage(ntp); await ntp.reducedMotion(); - await ntp.openPage({ additional: { 'protections.feed': 'activity' } }); - await ap.didRender(); - await customizer.opensCustomizer(); - await expect(page).toHaveScreenshot('wide-default-drawer.png', { maxDiffPixels }); + await ntp.openPage({ additional: { 'update-notification': 'populated' } }); + await page.locator('[data-entry-point="updateNotification"]').waitFor(); + await expect(page).toHaveScreenshot('update-notification-populated.png', { maxDiffPixels }); + }); + }); + + test.describe('remote messaging framework', () => { + test('small', async ({ page }, workerInfo) => { + const ntp = NewtabPage.create(page, workerInfo); + await ntp.reducedMotion(); + await ntp.openPage({ additional: { rmf: 'small' } }); + await page.locator('[data-entry-point="rmf"]').waitFor(); + await expect(page).toHaveScreenshot('rmf-small.png', { maxDiffPixels }); + }); + + test('medium', async ({ page }, workerInfo) => { + const ntp = NewtabPage.create(page, workerInfo); + await ntp.reducedMotion(); + await ntp.openPage({ additional: { rmf: 'medium' } }); + await page.locator('[data-entry-point="rmf"]').waitFor(); + await expect(page).toHaveScreenshot('rmf-medium.png', { maxDiffPixels }); + }); + + test('big single action', async ({ page }, workerInfo) => { + const ntp = NewtabPage.create(page, workerInfo); + await ntp.reducedMotion(); + await ntp.openPage({ additional: { rmf: 'big_single_action' } }); + await page.locator('[data-entry-point="rmf"]').waitFor(); + await expect(page).toHaveScreenshot('rmf-big-single-action.png', { maxDiffPixels }); + }); + + test('big two action', async ({ page }, workerInfo) => { + const ntp = NewtabPage.create(page, workerInfo); + await ntp.reducedMotion(); + await ntp.openPage({ additional: { rmf: 'big_two_action' } }); + await page.locator('[data-entry-point="rmf"]').waitFor(); + await expect(page).toHaveScreenshot('rmf-big-two-action.png', { maxDiffPixels }); + }); + }); + + test.describe('next steps', () => { + test('two cards', async ({ page }, workerInfo) => { + const ntp = NewtabPage.create(page, workerInfo); + await ntp.reducedMotion(); + await ntp.openPage({ additional: { 'next-steps': ['bringStuff', 'defaultApp'] } }); + await page.locator('[data-entry-point="nextSteps"]').waitFor(); + await expect(page).toHaveScreenshot('next-steps-two.png', { maxDiffPixels }); + }); + }); + + test.describe('freemium PIR banner', () => { + test('onboarding', async ({ page }, workerInfo) => { + const ntp = NewtabPage.create(page, workerInfo); + await ntp.reducedMotion(); + await ntp.openPage({ additional: { pir: 'onboarding' } }); + await page.locator('[data-entry-point="freemiumPIRBanner"]').waitFor(); + await expect(page).toHaveScreenshot('pir-onboarding.png', { maxDiffPixels }); + }); + + test('scan results', async ({ page }, workerInfo) => { + const ntp = NewtabPage.create(page, workerInfo); + await ntp.reducedMotion(); + await ntp.openPage({ additional: { pir: 'scan_results' } }); + await page.locator('[data-entry-point="freemiumPIRBanner"]').waitFor(); + await expect(page).toHaveScreenshot('pir-scan-results.png', { maxDiffPixels }); }); }); - test.describe('omnibar widget screenshots', () => { - // Extra tall viewport so that all of the suggestions list is visible - test.use({ viewport: { width: 1000, height: 1000 } }); - - test.describe('search tab', () => { - test('rest', async ({ page }, workerInfo) => { - const ntp = NewtabPage.create(page, workerInfo); - const omnibar = new OmnibarPage(ntp); - await ntp.reducedMotion(); - await ntp.openPage({ additional: { omnibar: 'true' } }); - await omnibar.ready(); - await expect(page).toHaveScreenshot('omnibar-search-rest.png', { maxDiffPixels }); - }); - - test('focused', async ({ page }, workerInfo) => { - const ntp = NewtabPage.create(page, workerInfo); - const omnibar = new OmnibarPage(ntp); - await ntp.reducedMotion(); - await ntp.openPage({ additional: { omnibar: 'true' } }); - await omnibar.ready(); - await omnibar.searchInput().click(); - await expect(page).toHaveScreenshot('omnibar-search-focused.png', { maxDiffPixels }); - }); - - test('suggestions', async ({ page }, workerInfo) => { - const ntp = NewtabPage.create(page, workerInfo); - const omnibar = new OmnibarPage(ntp); - await ntp.reducedMotion(); - await ntp.openPage({ additional: { omnibar: 'true' } }); - await omnibar.ready(); - await omnibar.searchInput().fill('pizza'); - await omnibar.waitForSuggestions(); - await page.keyboard.press('ArrowDown'); - await expect(page).toHaveScreenshot('omnibar-search-suggestions.png', { maxDiffPixels }); - }); - }); - - test.describe('ai tab', () => { - test('rest', async ({ page }, workerInfo) => { - const ntp = NewtabPage.create(page, workerInfo); - const omnibar = new OmnibarPage(ntp); - await ntp.reducedMotion(); - await ntp.openPage({ additional: { omnibar: 'true', 'omnibar.mode': 'ai' } }); - await omnibar.ready(); - await expect(page).toHaveScreenshot('omnibar-ai-rest.png', { maxDiffPixels }); - }); - - test('focused', async ({ page }, workerInfo) => { - const ntp = NewtabPage.create(page, workerInfo); - const omnibar = new OmnibarPage(ntp); - await ntp.reducedMotion(); - await ntp.openPage({ additional: { omnibar: 'true', 'omnibar.mode': 'ai' } }); - await omnibar.ready(); - await omnibar.chatInput().click(); - await expect(page).toHaveScreenshot('omnibar-ai-focused.png', { maxDiffPixels }); - }); - - test('expanded', async ({ page }, workerInfo) => { - const ntp = NewtabPage.create(page, workerInfo); - const omnibar = new OmnibarPage(ntp); - await ntp.reducedMotion(); - await ntp.openPage({ additional: { omnibar: 'true', 'omnibar.mode': 'ai' } }); - await omnibar.ready(); - const multilineText = 'Line 1\nLine 2\nLine 3\nLine 4\nLine 5'; - await omnibar.chatInput().fill(multilineText); - await expect(page).toHaveScreenshot('omnibar-ai-expanded.png', { maxDiffPixels }); - }); - - test('overflow', async ({ page }, workerInfo) => { - const ntp = NewtabPage.create(page, workerInfo); - const omnibar = new OmnibarPage(ntp); - await ntp.reducedMotion(); - await ntp.openPage({ additional: { omnibar: 'true', 'omnibar.mode': 'ai' } }); - await omnibar.ready(); - const longText = Array.from({ length: 15 }, (_, i) => `Line ${i + 1}`).join('\n'); - await omnibar.chatInput().fill(longText); - await expect(page).toHaveScreenshot('omnibar-ai-overflow.png', { maxDiffPixels }); - }); - }); - - test.describe('sidebar', () => { - test('ai enabled', async ({ page }, workerInfo) => { - const ntp = NewtabPage.create(page, workerInfo); - const omnibar = new OmnibarPage(ntp); - await ntp.reducedMotion(); - await ntp.openPage({ additional: { omnibar: 'true' } }); - await omnibar.ready(); - await omnibar.customizeButton().click(); - await expect(page).toHaveScreenshot('omnibar-sidebar-ai-enabled.png', { maxDiffPixels }); - }); - - test('ai disabled', async ({ page }, workerInfo) => { - const ntp = NewtabPage.create(page, workerInfo); - const omnibar = new OmnibarPage(ntp); - await ntp.reducedMotion(); - await ntp.openPage({ additional: { omnibar: 'true', 'omnibar.enableAi': 'false' } }); - await omnibar.ready(); - await omnibar.customizeButton().click(); - await expect(page).toHaveScreenshot('omnibar-sidebar-ai-disabled.png', { maxDiffPixels }); - }); - - test('hide ai setting', async ({ page }, workerInfo) => { - const ntp = NewtabPage.create(page, workerInfo); - const omnibar = new OmnibarPage(ntp); - await ntp.reducedMotion(); - await ntp.openPage({ additional: { omnibar: 'true', 'omnibar.showAiSetting': 'false' } }); - await omnibar.ready(); - await omnibar.customizeButton().click(); - await expect(page).toHaveScreenshot('omnibar-sidebar-hide-ai-setting.png', { maxDiffPixels }); - }); - }); - - test.describe('customize popover', () => { - test('popover visible', async ({ page }, workerInfo) => { - const ntp = NewtabPage.create(page, workerInfo); - const omnibar = new OmnibarPage(ntp); - await ntp.reducedMotion(); - await ntp.openPage({ additional: { omnibar: 'true', 'omnibar.showCustomizePopover': 'true' } }); - await omnibar.ready(); - await expect(page).toHaveScreenshot('omnibar-customize-popover.png', { maxDiffPixels }); - }); + test.describe('subscription winback banner', () => { + test('last day', async ({ page }, workerInfo) => { + const ntp = NewtabPage.create(page, workerInfo); + await ntp.reducedMotion(); + await ntp.openPage({ additional: { winback: 'winback_last_day' } }); + await page.locator('[data-entry-point="subscriptionWinBackBanner"]').waitFor(); + await expect(page).toHaveScreenshot('winback-last-day.png', { maxDiffPixels }); }); }); }); diff --git a/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/activity-default-ntp-screenshots-dark-darwin.png b/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/activity-default-ntp-screenshots-dark-darwin.png new file mode 100644 index 0000000000..1d6d9d5a3f Binary files /dev/null and b/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/activity-default-ntp-screenshots-dark-darwin.png differ diff --git a/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/activity-default-ntp-screenshots-light-darwin.png b/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/activity-default-ntp-screenshots-light-darwin.png new file mode 100644 index 0000000000..c393426cb9 Binary files /dev/null and b/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/activity-default-ntp-screenshots-light-darwin.png differ diff --git a/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/activity-empty-ntp-screenshots-dark-darwin.png b/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/activity-empty-ntp-screenshots-dark-darwin.png new file mode 100644 index 0000000000..6de738073e Binary files /dev/null and b/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/activity-empty-ntp-screenshots-dark-darwin.png differ diff --git a/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/activity-empty-ntp-screenshots-light-darwin.png b/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/activity-empty-ntp-screenshots-light-darwin.png new file mode 100644 index 0000000000..db3816fd19 Binary files /dev/null and b/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/activity-empty-ntp-screenshots-light-darwin.png differ diff --git a/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/favorites-empty-ntp-screenshots-dark-darwin.png b/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/favorites-empty-ntp-screenshots-dark-darwin.png new file mode 100644 index 0000000000..8104121dc2 Binary files /dev/null and b/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/favorites-empty-ntp-screenshots-dark-darwin.png differ diff --git a/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/favorites-empty-ntp-screenshots-light-darwin.png b/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/favorites-empty-ntp-screenshots-light-darwin.png new file mode 100644 index 0000000000..79e7ca4134 Binary files /dev/null and b/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/favorites-empty-ntp-screenshots-light-darwin.png differ diff --git a/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/favorites-many-collapsed-ntp-screenshots-dark-darwin.png b/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/favorites-many-collapsed-ntp-screenshots-dark-darwin.png new file mode 100644 index 0000000000..92ac1b6cef Binary files /dev/null and b/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/favorites-many-collapsed-ntp-screenshots-dark-darwin.png differ diff --git a/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/favorites-many-collapsed-ntp-screenshots-light-darwin.png b/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/favorites-many-collapsed-ntp-screenshots-light-darwin.png new file mode 100644 index 0000000000..feba2d4eed Binary files /dev/null and b/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/favorites-many-collapsed-ntp-screenshots-light-darwin.png differ diff --git a/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/favorites-many-expanded-ntp-screenshots-dark-darwin.png b/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/favorites-many-expanded-ntp-screenshots-dark-darwin.png new file mode 100644 index 0000000000..4ab73daab9 Binary files /dev/null and b/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/favorites-many-expanded-ntp-screenshots-dark-darwin.png differ diff --git a/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/favorites-many-expanded-ntp-screenshots-light-darwin.png b/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/favorites-many-expanded-ntp-screenshots-light-darwin.png new file mode 100644 index 0000000000..db39af03c8 Binary files /dev/null and b/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/favorites-many-expanded-ntp-screenshots-light-darwin.png differ diff --git a/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/favorites-single-ntp-screenshots-dark-darwin.png b/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/favorites-single-ntp-screenshots-dark-darwin.png new file mode 100644 index 0000000000..b46b9899a0 Binary files /dev/null and b/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/favorites-single-ntp-screenshots-dark-darwin.png differ diff --git a/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/favorites-single-ntp-screenshots-light-darwin.png b/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/favorites-single-ntp-screenshots-light-darwin.png new file mode 100644 index 0000000000..3116b85fe7 Binary files /dev/null and b/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/favorites-single-ntp-screenshots-light-darwin.png differ diff --git a/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/narrow-default-integration-darwin.png b/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/narrow-default-integration-darwin.png deleted file mode 100644 index deb6dde74a..0000000000 Binary files a/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/narrow-default-integration-darwin.png and /dev/null differ diff --git a/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/narrow-empty-integration-darwin.png b/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/narrow-empty-integration-darwin.png deleted file mode 100644 index b6a4ca0ef4..0000000000 Binary files a/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/narrow-empty-integration-darwin.png and /dev/null differ diff --git a/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/next-steps-two-ntp-screenshots-dark-darwin.png b/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/next-steps-two-ntp-screenshots-dark-darwin.png new file mode 100644 index 0000000000..9e9aceb06a Binary files /dev/null and b/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/next-steps-two-ntp-screenshots-dark-darwin.png differ diff --git a/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/next-steps-two-ntp-screenshots-light-darwin.png b/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/next-steps-two-ntp-screenshots-light-darwin.png new file mode 100644 index 0000000000..692cae3410 Binary files /dev/null and b/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/next-steps-two-ntp-screenshots-light-darwin.png differ diff --git a/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/omnibar-ai-expanded-integration-darwin.png b/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/omnibar-ai-expanded-integration-darwin.png deleted file mode 100644 index 7033cdca64..0000000000 Binary files a/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/omnibar-ai-expanded-integration-darwin.png and /dev/null differ diff --git a/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/omnibar-ai-expanded-ntp-screenshots-dark-darwin.png b/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/omnibar-ai-expanded-ntp-screenshots-dark-darwin.png new file mode 100644 index 0000000000..9ea69e2fbf Binary files /dev/null and b/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/omnibar-ai-expanded-ntp-screenshots-dark-darwin.png differ diff --git a/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/omnibar-ai-expanded-ntp-screenshots-light-darwin.png b/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/omnibar-ai-expanded-ntp-screenshots-light-darwin.png new file mode 100644 index 0000000000..302b0f76b3 Binary files /dev/null and b/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/omnibar-ai-expanded-ntp-screenshots-light-darwin.png differ diff --git a/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/omnibar-ai-focused-integration-darwin.png b/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/omnibar-ai-focused-integration-darwin.png deleted file mode 100644 index 9d13f267d4..0000000000 Binary files a/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/omnibar-ai-focused-integration-darwin.png and /dev/null differ diff --git a/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/omnibar-ai-focused-ntp-screenshots-dark-darwin.png b/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/omnibar-ai-focused-ntp-screenshots-dark-darwin.png new file mode 100644 index 0000000000..8608c9f296 Binary files /dev/null and b/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/omnibar-ai-focused-ntp-screenshots-dark-darwin.png differ diff --git a/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/omnibar-ai-focused-ntp-screenshots-light-darwin.png b/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/omnibar-ai-focused-ntp-screenshots-light-darwin.png new file mode 100644 index 0000000000..14d4411b0a Binary files /dev/null and b/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/omnibar-ai-focused-ntp-screenshots-light-darwin.png differ diff --git a/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/omnibar-ai-overflow-integration-darwin.png b/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/omnibar-ai-overflow-integration-darwin.png deleted file mode 100644 index 442b05c32f..0000000000 Binary files a/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/omnibar-ai-overflow-integration-darwin.png and /dev/null differ diff --git a/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/omnibar-ai-overflow-ntp-screenshots-dark-darwin.png b/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/omnibar-ai-overflow-ntp-screenshots-dark-darwin.png new file mode 100644 index 0000000000..923dc8bb96 Binary files /dev/null and b/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/omnibar-ai-overflow-ntp-screenshots-dark-darwin.png differ diff --git a/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/omnibar-ai-overflow-ntp-screenshots-light-darwin.png b/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/omnibar-ai-overflow-ntp-screenshots-light-darwin.png new file mode 100644 index 0000000000..8b3a29f8f4 Binary files /dev/null and b/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/omnibar-ai-overflow-ntp-screenshots-light-darwin.png differ diff --git a/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/omnibar-ai-rest-integration-darwin.png b/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/omnibar-ai-rest-integration-darwin.png deleted file mode 100644 index 0c7a8ce927..0000000000 Binary files a/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/omnibar-ai-rest-integration-darwin.png and /dev/null differ diff --git a/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/omnibar-ai-rest-ntp-screenshots-dark-darwin.png b/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/omnibar-ai-rest-ntp-screenshots-dark-darwin.png new file mode 100644 index 0000000000..78962e7ccc Binary files /dev/null and b/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/omnibar-ai-rest-ntp-screenshots-dark-darwin.png differ diff --git a/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/omnibar-ai-rest-ntp-screenshots-light-darwin.png b/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/omnibar-ai-rest-ntp-screenshots-light-darwin.png new file mode 100644 index 0000000000..d6aad0228d Binary files /dev/null and b/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/omnibar-ai-rest-ntp-screenshots-light-darwin.png differ diff --git a/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/omnibar-customize-popover-integration-darwin.png b/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/omnibar-customize-popover-integration-darwin.png deleted file mode 100644 index 60ca9be03a..0000000000 Binary files a/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/omnibar-customize-popover-integration-darwin.png and /dev/null differ diff --git a/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/omnibar-customize-popover-ntp-screenshots-dark-darwin.png b/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/omnibar-customize-popover-ntp-screenshots-dark-darwin.png new file mode 100644 index 0000000000..683dee6c5c Binary files /dev/null and b/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/omnibar-customize-popover-ntp-screenshots-dark-darwin.png differ diff --git a/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/omnibar-customize-popover-ntp-screenshots-light-darwin.png b/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/omnibar-customize-popover-ntp-screenshots-light-darwin.png new file mode 100644 index 0000000000..ce24889325 Binary files /dev/null and b/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/omnibar-customize-popover-ntp-screenshots-light-darwin.png differ diff --git a/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/omnibar-search-focused-integration-darwin.png b/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/omnibar-search-focused-integration-darwin.png deleted file mode 100644 index 980f028097..0000000000 Binary files a/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/omnibar-search-focused-integration-darwin.png and /dev/null differ diff --git a/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/omnibar-search-focused-ntp-screenshots-dark-darwin.png b/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/omnibar-search-focused-ntp-screenshots-dark-darwin.png new file mode 100644 index 0000000000..ff40a00e7d Binary files /dev/null and b/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/omnibar-search-focused-ntp-screenshots-dark-darwin.png differ diff --git a/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/omnibar-search-focused-ntp-screenshots-light-darwin.png b/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/omnibar-search-focused-ntp-screenshots-light-darwin.png new file mode 100644 index 0000000000..3868e6e880 Binary files /dev/null and b/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/omnibar-search-focused-ntp-screenshots-light-darwin.png differ diff --git a/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/omnibar-search-rest-integration-darwin.png b/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/omnibar-search-rest-integration-darwin.png deleted file mode 100644 index 9c9bd417ce..0000000000 Binary files a/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/omnibar-search-rest-integration-darwin.png and /dev/null differ diff --git a/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/omnibar-search-rest-ntp-screenshots-dark-darwin.png b/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/omnibar-search-rest-ntp-screenshots-dark-darwin.png new file mode 100644 index 0000000000..92ac1b6cef Binary files /dev/null and b/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/omnibar-search-rest-ntp-screenshots-dark-darwin.png differ diff --git a/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/omnibar-search-rest-ntp-screenshots-light-darwin.png b/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/omnibar-search-rest-ntp-screenshots-light-darwin.png new file mode 100644 index 0000000000..feba2d4eed Binary files /dev/null and b/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/omnibar-search-rest-ntp-screenshots-light-darwin.png differ diff --git a/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/omnibar-search-suggestions-integration-darwin.png b/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/omnibar-search-suggestions-integration-darwin.png deleted file mode 100644 index e787607bf3..0000000000 Binary files a/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/omnibar-search-suggestions-integration-darwin.png and /dev/null differ diff --git a/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/omnibar-search-suggestions-ntp-screenshots-dark-darwin.png b/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/omnibar-search-suggestions-ntp-screenshots-dark-darwin.png new file mode 100644 index 0000000000..c720a24058 Binary files /dev/null and b/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/omnibar-search-suggestions-ntp-screenshots-dark-darwin.png differ diff --git a/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/omnibar-search-suggestions-ntp-screenshots-light-darwin.png b/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/omnibar-search-suggestions-ntp-screenshots-light-darwin.png new file mode 100644 index 0000000000..3f34854ecd Binary files /dev/null and b/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/omnibar-search-suggestions-ntp-screenshots-light-darwin.png differ diff --git a/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/omnibar-sidebar-ai-disabled-integration-darwin.png b/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/omnibar-sidebar-ai-disabled-integration-darwin.png deleted file mode 100644 index 7b71d2dc97..0000000000 Binary files a/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/omnibar-sidebar-ai-disabled-integration-darwin.png and /dev/null differ diff --git a/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/omnibar-sidebar-ai-disabled-ntp-screenshots-dark-darwin.png b/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/omnibar-sidebar-ai-disabled-ntp-screenshots-dark-darwin.png new file mode 100644 index 0000000000..cc0a79d2e4 Binary files /dev/null and b/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/omnibar-sidebar-ai-disabled-ntp-screenshots-dark-darwin.png differ diff --git a/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/omnibar-sidebar-ai-disabled-ntp-screenshots-light-darwin.png b/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/omnibar-sidebar-ai-disabled-ntp-screenshots-light-darwin.png new file mode 100644 index 0000000000..893075ef65 Binary files /dev/null and b/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/omnibar-sidebar-ai-disabled-ntp-screenshots-light-darwin.png differ diff --git a/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/omnibar-sidebar-ai-enabled-integration-darwin.png b/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/omnibar-sidebar-ai-enabled-integration-darwin.png deleted file mode 100644 index ce8d0d15e8..0000000000 Binary files a/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/omnibar-sidebar-ai-enabled-integration-darwin.png and /dev/null differ diff --git a/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/omnibar-sidebar-ai-enabled-ntp-screenshots-dark-darwin.png b/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/omnibar-sidebar-ai-enabled-ntp-screenshots-dark-darwin.png new file mode 100644 index 0000000000..76d4475b1c Binary files /dev/null and b/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/omnibar-sidebar-ai-enabled-ntp-screenshots-dark-darwin.png differ diff --git a/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/omnibar-sidebar-ai-enabled-ntp-screenshots-light-darwin.png b/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/omnibar-sidebar-ai-enabled-ntp-screenshots-light-darwin.png new file mode 100644 index 0000000000..b2917c9a93 Binary files /dev/null and b/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/omnibar-sidebar-ai-enabled-ntp-screenshots-light-darwin.png differ diff --git a/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/omnibar-sidebar-hide-ai-setting-integration-darwin.png b/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/omnibar-sidebar-hide-ai-setting-integration-darwin.png deleted file mode 100644 index 61f217d7e4..0000000000 Binary files a/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/omnibar-sidebar-hide-ai-setting-integration-darwin.png and /dev/null differ diff --git a/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/omnibar-sidebar-hide-ai-setting-ntp-screenshots-dark-darwin.png b/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/omnibar-sidebar-hide-ai-setting-ntp-screenshots-dark-darwin.png new file mode 100644 index 0000000000..bba10f1430 Binary files /dev/null and b/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/omnibar-sidebar-hide-ai-setting-ntp-screenshots-dark-darwin.png differ diff --git a/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/omnibar-sidebar-hide-ai-setting-ntp-screenshots-light-darwin.png b/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/omnibar-sidebar-hide-ai-setting-ntp-screenshots-light-darwin.png new file mode 100644 index 0000000000..a0b12cb6a8 Binary files /dev/null and b/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/omnibar-sidebar-hide-ai-setting-ntp-screenshots-light-darwin.png differ diff --git a/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/pir-onboarding-ntp-screenshots-dark-darwin.png b/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/pir-onboarding-ntp-screenshots-dark-darwin.png new file mode 100644 index 0000000000..dff9ba22b9 Binary files /dev/null and b/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/pir-onboarding-ntp-screenshots-dark-darwin.png differ diff --git a/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/pir-onboarding-ntp-screenshots-light-darwin.png b/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/pir-onboarding-ntp-screenshots-light-darwin.png new file mode 100644 index 0000000000..ea46fca13f Binary files /dev/null and b/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/pir-onboarding-ntp-screenshots-light-darwin.png differ diff --git a/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/pir-scan-results-ntp-screenshots-dark-darwin.png b/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/pir-scan-results-ntp-screenshots-dark-darwin.png new file mode 100644 index 0000000000..a03b9d1969 Binary files /dev/null and b/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/pir-scan-results-ntp-screenshots-dark-darwin.png differ diff --git a/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/pir-scan-results-ntp-screenshots-light-darwin.png b/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/pir-scan-results-ntp-screenshots-light-darwin.png new file mode 100644 index 0000000000..a7a44e708a Binary files /dev/null and b/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/pir-scan-results-ntp-screenshots-light-darwin.png differ diff --git a/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/rmf-big-single-action-ntp-screenshots-dark-darwin.png b/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/rmf-big-single-action-ntp-screenshots-dark-darwin.png new file mode 100644 index 0000000000..7a8a6f2671 Binary files /dev/null and b/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/rmf-big-single-action-ntp-screenshots-dark-darwin.png differ diff --git a/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/rmf-big-single-action-ntp-screenshots-light-darwin.png b/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/rmf-big-single-action-ntp-screenshots-light-darwin.png new file mode 100644 index 0000000000..27add50ad5 Binary files /dev/null and b/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/rmf-big-single-action-ntp-screenshots-light-darwin.png differ diff --git a/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/rmf-big-two-action-ntp-screenshots-dark-darwin.png b/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/rmf-big-two-action-ntp-screenshots-dark-darwin.png new file mode 100644 index 0000000000..5451b3396f Binary files /dev/null and b/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/rmf-big-two-action-ntp-screenshots-dark-darwin.png differ diff --git a/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/rmf-big-two-action-ntp-screenshots-light-darwin.png b/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/rmf-big-two-action-ntp-screenshots-light-darwin.png new file mode 100644 index 0000000000..f5aac74e33 Binary files /dev/null and b/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/rmf-big-two-action-ntp-screenshots-light-darwin.png differ diff --git a/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/rmf-medium-ntp-screenshots-dark-darwin.png b/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/rmf-medium-ntp-screenshots-dark-darwin.png new file mode 100644 index 0000000000..b384fadaed Binary files /dev/null and b/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/rmf-medium-ntp-screenshots-dark-darwin.png differ diff --git a/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/rmf-medium-ntp-screenshots-light-darwin.png b/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/rmf-medium-ntp-screenshots-light-darwin.png new file mode 100644 index 0000000000..c5733c301c Binary files /dev/null and b/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/rmf-medium-ntp-screenshots-light-darwin.png differ diff --git a/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/rmf-small-ntp-screenshots-dark-darwin.png b/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/rmf-small-ntp-screenshots-dark-darwin.png new file mode 100644 index 0000000000..dd33156aa2 Binary files /dev/null and b/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/rmf-small-ntp-screenshots-dark-darwin.png differ diff --git a/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/rmf-small-ntp-screenshots-light-darwin.png b/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/rmf-small-ntp-screenshots-light-darwin.png new file mode 100644 index 0000000000..3ea98a0ba9 Binary files /dev/null and b/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/rmf-small-ntp-screenshots-light-darwin.png differ diff --git a/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/stats-cpm-ntp-screenshots-dark-darwin.png b/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/stats-cpm-ntp-screenshots-dark-darwin.png new file mode 100644 index 0000000000..679c3b66e1 Binary files /dev/null and b/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/stats-cpm-ntp-screenshots-dark-darwin.png differ diff --git a/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/stats-cpm-ntp-screenshots-light-darwin.png b/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/stats-cpm-ntp-screenshots-light-darwin.png new file mode 100644 index 0000000000..16676297a8 Binary files /dev/null and b/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/stats-cpm-ntp-screenshots-light-darwin.png differ diff --git a/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/stats-few-dark-integration-darwin.png b/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/stats-few-dark-integration-darwin.png deleted file mode 100644 index 714c1a8dba..0000000000 Binary files a/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/stats-few-dark-integration-darwin.png and /dev/null differ diff --git a/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/stats-few-integration-darwin.png b/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/stats-few-integration-darwin.png deleted file mode 100644 index c4a29f3dde..0000000000 Binary files a/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/stats-few-integration-darwin.png and /dev/null differ diff --git a/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/stats-few-ntp-screenshots-dark-darwin.png b/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/stats-few-ntp-screenshots-dark-darwin.png new file mode 100644 index 0000000000..92ac1b6cef Binary files /dev/null and b/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/stats-few-ntp-screenshots-dark-darwin.png differ diff --git a/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/stats-few-ntp-screenshots-light-darwin.png b/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/stats-few-ntp-screenshots-light-darwin.png new file mode 100644 index 0000000000..feba2d4eed Binary files /dev/null and b/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/stats-few-ntp-screenshots-light-darwin.png differ diff --git a/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/update-notification-empty-ntp-screenshots-dark-darwin.png b/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/update-notification-empty-ntp-screenshots-dark-darwin.png new file mode 100644 index 0000000000..0ea6af3c47 Binary files /dev/null and b/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/update-notification-empty-ntp-screenshots-dark-darwin.png differ diff --git a/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/update-notification-empty-ntp-screenshots-light-darwin.png b/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/update-notification-empty-ntp-screenshots-light-darwin.png new file mode 100644 index 0000000000..bb7f4807e2 Binary files /dev/null and b/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/update-notification-empty-ntp-screenshots-light-darwin.png differ diff --git a/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/update-notification-populated-ntp-screenshots-dark-darwin.png b/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/update-notification-populated-ntp-screenshots-dark-darwin.png new file mode 100644 index 0000000000..ae38bc76c6 Binary files /dev/null and b/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/update-notification-populated-ntp-screenshots-dark-darwin.png differ diff --git a/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/update-notification-populated-ntp-screenshots-light-darwin.png b/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/update-notification-populated-ntp-screenshots-light-darwin.png new file mode 100644 index 0000000000..d73c275d61 Binary files /dev/null and b/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/update-notification-populated-ntp-screenshots-light-darwin.png differ diff --git a/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/wide-default-drawer-integration-darwin.png b/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/wide-default-drawer-integration-darwin.png deleted file mode 100644 index 1766b596d5..0000000000 Binary files a/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/wide-default-drawer-integration-darwin.png and /dev/null differ diff --git a/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/wide-default-integration-darwin.png b/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/wide-default-integration-darwin.png deleted file mode 100644 index 4d8934b51b..0000000000 Binary files a/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/wide-default-integration-darwin.png and /dev/null differ diff --git a/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/wide-empty-integration-darwin.png b/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/wide-empty-integration-darwin.png deleted file mode 100644 index 8157b589d2..0000000000 Binary files a/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/wide-empty-integration-darwin.png and /dev/null differ diff --git a/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/winback-last-day-ntp-screenshots-dark-darwin.png b/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/winback-last-day-ntp-screenshots-dark-darwin.png new file mode 100644 index 0000000000..b002cc9d5b Binary files /dev/null and b/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/winback-last-day-ntp-screenshots-dark-darwin.png differ diff --git a/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/winback-last-day-ntp-screenshots-light-darwin.png b/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/winback-last-day-ntp-screenshots-light-darwin.png new file mode 100644 index 0000000000..57008e7be7 Binary files /dev/null and b/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/winback-last-day-ntp-screenshots-light-darwin.png differ diff --git a/special-pages/pages/new-tab/integration-tests/new-tab.spec.js b/special-pages/pages/new-tab/integration-tests/new-tab.spec.js index dc5dd58e8d..483503b6e7 100644 --- a/special-pages/pages/new-tab/integration-tests/new-tab.spec.js +++ b/special-pages/pages/new-tab/integration-tests/new-tab.spec.js @@ -27,6 +27,7 @@ test.describe('newtab widgets', () => { context: 'specialPages', featureName: 'newTabPage', params: [ + { id: 'omnibar', visibility: 'visible' }, { id: 'favorites', visibility: 'visible' }, { id: 'protections', visibility: 'hidden' }, ], @@ -60,6 +61,7 @@ test.describe('newtab widgets', () => { context: 'specialPages', featureName: 'newTabPage', params: [ + { id: 'omnibar', visibility: 'visible' }, { id: 'favorites', visibility: 'visible' }, { id: 'protections', visibility: 'visible' }, ], @@ -85,6 +87,10 @@ test.describe('newtab widgets', () => { method: 'contextMenu', params: { visibilityMenuItems: [ + { + id: 'omnibar', + title: 'Search', + }, { id: 'favorites', title: 'Favorites', diff --git a/special-pages/playwright.config.js b/special-pages/playwright.config.js index 8e826b76f5..af9d6a2bfe 100644 --- a/special-pages/playwright.config.js +++ b/special-pages/playwright.config.js @@ -27,7 +27,6 @@ export default defineConfig({ 'freemium-pir-banner.spec.js', 'subscription-winback-banner.spec.js', 'new-tab.spec.js', - 'new-tab.screenshots.spec.js', 'next-steps.spec.js', 'privacy-stats.spec.js', 'rmf.spec.js', @@ -49,6 +48,28 @@ export default defineConfig({ platform: 'windows', }, }, + { + name: 'ntp-screenshots-light', + testMatch: ['new-tab.screenshots.spec.js'], + use: { + ...devices['Desktop Chrome'], + injectName: 'integration', + platform: 'windows', + colorScheme: 'light', + viewport: { width: 1000, height: 1500 }, + }, + }, + { + name: 'ntp-screenshots-dark', + testMatch: ['new-tab.screenshots.spec.js'], + use: { + ...devices['Desktop Chrome'], + injectName: 'integration', + platform: 'windows', + colorScheme: 'dark', + viewport: { width: 1000, height: 1500 }, + }, + }, { name: 'macos', testMatch: [