[#7] Add basic test for login page

liamstevens111 · Feb 15, 2023 · 694e8e8 · 694e8e8
1 parent b150416
commit 694e8e8
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 1 deletion.
diff --git a/cypress/integration/UserAuthentication/login.spec.ts b/cypress/integration/UserAuthentication/login.spec.ts
@@ -0,0 +1,9 @@
+describe('User authentication', () => {
+  context('upon naivation to /login', () => {
+    it('displays login page', () => {
+      cy.visit('/login');
+
+      cy.findByTestId('login-header').should('be.visible');
+    });
+  });
+});
diff --git a/src/screens/Home/login.tsx b/src/screens/Home/login.tsx
@@ -15,7 +15,9 @@ function LoginScreen() {
   return (
     <>
       <img className="inline-block" src={logo} alt="logo" />
-      <p className="text-white opacity-50 my-8">{t('login.sign_in')} to Nimble</p>
+      <p data-test-id="login-header" className="text-white opacity-50 my-8">
+        {t('login.sign_in')} to Nimble
+      </p>
       <form>
         <Input name="email" label={t('login.email')} type="text" className="block h-14 w-80 my-3" onInputChange={tempHandler} />
         <div className="relative w-80">