rebase

Author: dbajpeyi

dist/autofill-debug.js

@@ -20,6 +20,7 @@ export const constants = {
         loginWithPoorForm: `${localPagesPrefix}/login-poor-form.html`,
         loginWithText: `${localPagesPrefix}/login-with-text.html`,
         loginWithFormInModal: `${privacyTestPagesPrefix}/autoprompt/2-form-in-modal.html`,
+        loginWithIdentity: `${privacyTestPagesPrefix}/login-with-identity.html`,
         signupWithFormInModal: `${localPagesPrefix}/signup-in-modal.html`,
         loginCovered: `${localPagesPrefix}/login-covered.html`,
         loginMultistep: `${privacyTestPagesPrefix}/autoprompt/3-multistep-form.html`,

dist/autofill.js

@@ -0,0 +1,50 @@
+import { constants } from '../mocks.js';
+import { expect } from '@playwright/test';
+
+/**
+ * A wrapper around interactions for the login-with-identity.html page
+ * This page contains first name, last name, email, and password fields
+ *
+ * @param {import("@playwright/test").Page} page
+ */
+export function loginWithIdentityPage(page) {
+    class LoginWithIdentityPage {
+        /**
+         * Navigate to the loginWithIdentity page
+         * @return {Promise<void>}
+         */
+        async navigate(to = 'loginWithIdentity') {
+            await page.goto(constants.pages[to]);
+        }
+
+        async clickIntoFirstNameInput() {
+            const firstNameField = page.locator('#first-name').first();
+            await firstNameField.click();
+        }
+
+        async clickIntoUsernameInput() {
+            const emailField = page.locator('#login-email').first();
+            await emailField.click();
+        }
+
+        async credentialsImportPromptIsNotShown() {
+            await page
+                .locator(`button:has-text("Import passwords to DuckDuckGo")`)
+                .isVisible()
+                .then((isVisible) => {
+                    expect(isVisible).toBe(false);
+                });
+        }
+
+        async credentialsImportPromptIsShown() {
+            await page
+                .locator(`button:has-text("Import passwords to DuckDuckGo")`)
+                .isVisible()
+                .then((isVisible) => {
+                    expect(isVisible).toBe(true);
+                });
+        }
+    }
+
+    return new LoginWithIdentityPage();
+}

integration-test/helpers/mocks.js

@@ -5,13 +5,37 @@ import { expect, test as base } from '@playwright/test';
 import { loginPage } from '../helpers/pages/loginPage.js';
 import { overlayPage } from '../helpers/pages/overlayPage.js';
 import { signupPage } from '../helpers/pages/signupPage.js';
+import { loginWithIdentityPage } from '../helpers/pages/loginWithIdentityPage.js';
 
 /**
  *  Tests for credentials import promotion prompt on macos
  */
 const test = base.extend({});
 
 test.describe('Import credentials prompt', () => {
+    test('when credentialsImport is true, input is identities.firstName, credentials import prompt is not shown', async ({ page }) => {
+        // enable in-terminal exceptions
+        await forwardConsoleMessages(page);
+
+        await createWebkitMocks()
+            .withAvailableInputTypes(
+                createAvailableInputTypes({
+                    credentialsImport: true,
+                }),
+            )
+            .applyTo(page);
+
+        // Load the autofill.js script with replacements
+        await createAutofillScript().replaceAll(macosContentScopeReplacements()).platform('macos').applyTo(page);
+
+        const login = loginWithIdentityPage(page);
+        await login.navigate();
+        await login.clickIntoFirstNameInput();
+        await login.credentialsImportPromptIsNotShown();
+        await login.clickIntoUsernameInput();
+        await login.credentialsImportPromptIsShown();
+    });
+
     test('when availableInputTypes is set for credentials import, credentials import prompt is shown', async ({ page }) => {
         // enable in-terminal exceptions
         await forwardConsoleMessages(page);