Updated tests

guides/breakage-flows.md

@@ -4,13 +4,13 @@ title: Breakage flows
 
 # Breakage flows
 
-### Flow 1: Show Category-type selection when 'Website not working?' is clicked
+### Flow 1: Show Category-type selection when 'Report a problem with this site' is clicked
 
 Open the dashboard with the following query params
 
 -   `breakageScreen=categoryTypeSelection`
 
-### Flow 2: Show Category selection when 'Website not working?' is clicked
+### Flow 2: Show Category selection when 'Report a problem with this site' is clicked
 
 Open the dashboard with the following query params
 

integration-tests/AltBreakageFlows.js

@@ -39,7 +39,7 @@ export class AltBreakageFlows {
 
     async showsReportFromPrimaryScreen() {
         const { page } = this.dash;
-        await page.getByRole('link', { name: 'Website not working?' }).click();
+        await page.getByRole('link', { name: 'Report a problem with this site' }).click();
         await this.breakageFormIsVisible();
     }
 

integration-tests/DashboardPage.js

@@ -636,7 +636,7 @@ export class DashboardPage {
     }
 
     async clicksWebsiteNotWorking() {
-        await this.page.getByRole('link', { name: 'Website not working?' }).click({ timeout: 5000 });
+        await this.page.getByRole('link', { name: 'Report a problem with this site' }).click({ timeout: 5000 });
     }
     async showsBreakageForm() {
         await this.page.getByText('Submitting an anonymous').waitFor({ timeout: 5000 });

integration-tests/android.spec-int.js

@@ -109,6 +109,41 @@ test.describe('Breakage form', () => {
     });
 });
 
+test.describe('opens toggle report', () => {
+    test('sends toggle report', { tag: '@screenshots' }, async ({ page }) => {
+        /** @type {DashboardPage} */
+        const dash = await DashboardPage.android(page, { screen: 'toggleReport', opener: 'menu' });
+        await dash.addState([testDataStates.google]);
+        await dash.toggleReportIsVisible();
+        await dash.screenshot('screen-toggle-report.png');
+        await dash.showsOnlyBackButton('toggleReport');
+        await dash.sendToggleReport();
+    });
+    test('back button rejects toggle report', async ({ page }) => {
+        /** @type {DashboardPage} */
+        const dash = await DashboardPage.android(page, { screen: 'toggleReport', opener: 'menu' });
+        await dash.addState([testDataStates.google]);
+        await dash.toggleReportIsVisible();
+        await dash.backButtonRejectsToggleReport();
+    });
+    test('rejects toggle report', async ({ page }) => {
+        /** @type {DashboardPage} */
+        const dash = await DashboardPage.android(page, { screen: 'toggleReport', opener: 'dashboard' });
+        await dash.addState([testDataStates.google]);
+        await dash.toggleReportIsVisible();
+        await dash.rejectToggleReport();
+    });
+    test('shows information once', { tag: '@screenshots' }, async ({ page }) => {
+        /** @type {DashboardPage} */
+        const dash = await DashboardPage.android(page, { screen: 'toggleReport', opener: 'dashboard' });
+        await dash.addState([testDataStates.google]);
+        await dash.toggleReportIsVisible();
+        await dash.showsInformation();
+        await dash.cannotHideInformation();
+        await dash.screenshot('screen-toggle-report-show.png');
+    });
+});
+
 test.describe('Close', () => {
     test('pressing close should call native API', async ({ page }) => {
         const dash = await DashboardPage.android(page);

integration-tests/macos.spec-int.js

@@ -119,7 +119,6 @@ test.describe('opening breakage form', () => {
         await dash.showsInformation();
         await dash.mocks.calledForSeeWhatsSent();
         await dash.screenshot('screen-toggle-report-show.png');
-        await dash.hidesInformation();
     });
 });
 

integration-tests/windows.spec-int.js

@@ -26,6 +26,51 @@ test.describe('opening breakage form', () => {
     });
 });
 
+test.describe('toggle report', () => {
+    test('shows toggle report when opened from menu', { tag: '@screenshots' }, async ({ page }) => {
+        /** @type {DashboardPage} */
+        const dash = await DashboardPage.windows(page, { screen: 'toggleReport', opener: 'menu' });
+        await dash.addState([testDataStates.google]);
+        await dash.toggleReportIsVisible();
+        await dash.screenshot('screen-toggle-report-menu.png');
+    });
+    test('shows toggle report when opened from dashboard', { tag: '@screenshots' }, async ({ page }) => {
+        /** @type {DashboardPage} */
+        const dash = await DashboardPage.windows(page, { screen: 'toggleReport', opener: 'dashboard' });
+        await dash.addState([testDataStates.google]);
+        await dash.toggleReportIsVisible();
+        await dash.screenshot('screen-toggle-report-dashboard.png');
+    });
+    test('sends toggle report', { tag: '@screenshots' }, async ({ page }) => {
+        /** @type {DashboardPage} */
+        const dash = await DashboardPage.windows(page, { screen: 'toggleReport', opener: 'dashboard' });
+        await dash.addState([testDataStates.google]);
+        await dash.toggleReportIsVisible();
+        await dash.sendToggleReport();
+
+        // this is macOS specific:
+        await dash.showsSuccessScreen();
+        await dash.screenshot('screen-toggle-report-sent.png');
+        await dash.clickingSuccessScreenClosesDashboard();
+    });
+    test('rejects toggle report', async ({ page }) => {
+        /** @type {DashboardPage} */
+        const dash = await DashboardPage.windows(page, { screen: 'toggleReport', opener: 'dashboard' });
+        await dash.addState([testDataStates.google]);
+        await dash.toggleReportIsVisible();
+        await dash.rejectToggleReport();
+    });
+    test('shows information', { tag: '@screenshots' }, async ({ page }) => {
+        /** @type {DashboardPage} */
+        const dash = await DashboardPage.windows(page, { screen: 'toggleReport', opener: 'dashboard' });
+        await dash.addState([testDataStates.google]);
+        await dash.toggleReportIsVisible();
+        await dash.showsInformation();
+        await dash.mocks.calledForSeeWhatsSent();
+        await dash.screenshot('screen-toggle-report-show.png');
+    });
+});
+
 test.describe('Protections toggle', () => {
     toggleFlows((page) => DashboardPage.windows(page));
 });