gh-238. Add login e2e tests

apps/web-portal-client/lib/features/auth/containers/LoginPage.jsx

@@ -4,6 +4,8 @@ import className from 'classnames'
 import Spinner from '../../../components/Spinner'
 import {useAuth} from '../hooks'
 
+// TODO: implement form validation
+
 export function LoginPage() {
   const {login, isLogginInProgress, error, hasToken} = useAuth()
   const [email, setEmail] = useState(null)
@@ -93,7 +95,10 @@ export function LoginPage() {
               Sign in
             </button>
             {error && (
-              <div className={className('text-red-600', `${error ? 'visible' : 'invisible'}`)}>
+              <div
+                data-test-id="login-error"
+                className={className('text-red-600', `${error ? 'visible' : 'invisible'}`)}
+              >
                 Invalid password or email
               </div>
             )}

e2e/cypress/integration/login.spec.mjs

@@ -1,11 +1,28 @@
 describe('Logging In', function () {
   const email = '[email protected]'
+  const invalidEmail = 'invalid email string'
   const password = 'password123'
 
   beforeEach(function () {
     cy.visit('/login')
   })
 
+  it('fail login on invalid email', function () {
+    cy.get('[data-test-id="login-error"]').should('not.exist')
+    cy.get('[data-test-id="email"]').type(invalidEmail)
+    cy.get('[data-test-id="password"]').type(password)
+    cy.get('[data-test-id="submit"]').click()
+    cy.get('[data-test-id="login-error"]').should('be.visible')
+  })
+
+  it('fail login with empty password', function () {
+    cy.reload()
+    cy.get('[data-test-id="login-error"]').should('not.exist')
+    cy.get('[data-test-id="email"]').type(email)
+    cy.get('[data-test-id="submit"]').click()
+    cy.get('[data-test-id="login-error"]').should('be.visible')
+  })
+
   it('redirects to /home on success', function () {
     cy.get('[data-test-id="email"]').type(email)
     cy.get('[data-test-id="password"]').type(password)