test not active cookiemod

ita-social-projects · Oct 31, 2023 · 18b67d5 · 18b67d5
1 parent 0ccda30
commit 18b67d5
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 5 deletions.
diff --git a/FrontEnd/src/components/cookieacception/CookieMod.jsx b/FrontEnd/src/components/cookieacception/CookieMod.jsx
@@ -1,4 +1,3 @@
-
 import { Link } from 'react-router-dom';
 import { useCookies } from 'react-cookie';
 import styles from './CookieMod.module.css';
@@ -26,7 +25,7 @@ const CookieMod = ({ active, setActive }) => {
       className={`${styles['modal-window']} ${active && styles['active']}`}
       onClick={() => setActive(false)}
     >
-      <div className={styles['modal-content']}>
+      <div className={styles['modal-content']} data-testid="cookiemodal">
         <p className={styles['cookie-text']}>
           Наш веб-сайт використовує файли cookie, щоб покращити ваш досвід. Ви
           можете відмовитися, якщо хочете. Дізнатися більше{' '}

diff --git a/FrontEnd/src/components/cookieacception/CookieMod.module.css b/FrontEnd/src/components/cookieacception/CookieMod.module.css
@@ -8,11 +8,11 @@
   display: flex;
   align-items: center;
   justify-content: center;
-  transform: scale(0);
+  visibility: hidden;
 }
 
 .modal-window.active {
-  transform: scale(1);
+  visibility: visible;
 }
 
 .modal-content {
@@ -57,4 +57,4 @@
 .cookie-text {
   text-align: justify;
   color: #187860;
-}
+}
diff --git a/FrontEnd/src/tests/CookieModal.test.js b/FrontEnd/src/tests/CookieModal.test.js
@@ -37,4 +37,13 @@ describe('CookieMod component unit tests', () => {
     expect(linkElement).toBeInTheDocument();
     expect(linkElement).toHaveAttribute('href', '/cookies-policy');
   });
+
+  test('renders hidden cookie modal window', () => {
+    render(
+      <MemoryRouter>
+        <CookieMod active={false} />
+      </MemoryRouter>
+    );
+    const cookieElement = screen.queryByTestId('cookiemodal', { hidden: true });
+  });
 });