macOS thank you screen test

duckduckgo · Nov 8, 2024 · 239f667 · 239f667
1 parent 551cc4e
commit 239f667
Show file tree

Hide file tree

Showing 4 changed files with 11 additions and 1 deletion.
diff --git a/integration-tests/DashboardPage.js b/integration-tests/DashboardPage.js
@@ -776,6 +776,13 @@ export class DashboardPage {
             .waitFor();
     }
 
+    async showsBreakageFormSuccessScreen() {
+        await this.page.getByRole('heading', { name: 'Thank you!' }).waitFor();
+        await this.page
+            .getByText('Your report helps make DuckDuckGo better for everyone!')
+            .waitFor();
+    }
+
     async clickingSuccessScreenClosesDashboard() {
         await this.page
             .getByRole('heading', {

diff --git a/integration-tests/macos.spec-int.js b/integration-tests/macos.spec-int.js
@@ -96,6 +96,7 @@ test.describe('breakage form', () => {
         await dash.breakageFormIsVisible();
         await dash.screenshot('screen-breakage-form.png');
         await dash.submitFeedbackForm();
+        await dash.showsBreakageFormSuccessScreen();
         await dash.mocks.calledForSubmitBreakageForm({ category: 'layout', description: '' });
     });
 
@@ -127,6 +128,8 @@ test.describe('breakage form', () => {
         await dash.selectsCategory('Something else', 'other');
         await dash.breakageFormIsVisible();
         await dash.submitOtherFeedbackFormWithDescription('something happened');
+        await dash.screenshot('screen-breakage-form-success.png');
+        await dash.showsBreakageFormSuccessScreen();
     });
 });
 

diff --git a/...tests/macos.spec-int.js-snapshots/screen-breakage-form-success-macos-darwin.png b/...tests/macos.spec-int.js-snapshots/screen-breakage-form-success-macos-darwin.png
diff --git a/v2/screens/breakage-form-screen.jsx b/v2/screens/breakage-form-screen.jsx
@@ -208,7 +208,7 @@ function FormSent() {
     return (
         <div className="success__container">
             <div className="success__icon"></div>
-            <p className="token-body-em">{ns.report('thankYou.title')}</p>
+            <h1 className="token-body-em">{ns.report('thankYou.title')}</h1>
             <p className="token-body success__message">{ns.report('yourReportWillHelpDesc.title', { newline: '\n' })}</p>
         </div>
     );