diff --git a/cypress/cypress-integration/support/commands.ts b/cypress/cypress-integration/support/commands.ts index 98e3f22d237..58357ab3f8c 100644 --- a/cypress/cypress-integration/support/commands.ts +++ b/cypress/cypress-integration/support/commands.ts @@ -25,12 +25,17 @@ Cypress.Commands.add('showsSuccessMessage', (shows = true) => { }); Cypress.Commands.add('login', (username, route = '/') => { - const url = `/log-in?code=${username}@example.com&path=${route}`; - cy.visit(url); - cy.waitUntilSettled(50); - cy.url().should('include', route); - cy.showsErrorMessage(false); - cy.url().should('not.include', '/mock-login'); + cy.visit('/login'); + + cy.get('[data-testid="email-input"]').type(`${username}@example.com`); + + cy.get('[data-testid="password-input"]').type('Testing1234$', { log: false }); + + cy.get('[data-testid="login-button"]').click(); + + cy.get('[data-testid="account-menu-button"]'); + + cy.visit(route); }); Cypress.Commands.add('goToRoute', (...args) => { diff --git a/web-client/src/views/Login/Login.tsx b/web-client/src/views/Login/Login.tsx index 7e01f40217e..11f09b5b590 100644 --- a/web-client/src/views/Login/Login.tsx +++ b/web-client/src/views/Login/Login.tsx @@ -44,6 +44,7 @@ export const Login = connect( autoCapitalize="off" autoCorrect="off" className="usa-input" + data-testid="email-input" id="email" name="email" type="text" @@ -61,6 +62,7 @@ export const Login = connect(