Merge branch 'task-86-feature/create_e2e_tests' into 'development'

Task 86 feature/create e2e tests

See merge request !65

planner-front/src/components/Menus/AdminMenu/AdminMenu.js

@@ -44,6 +44,7 @@ const AdminMenu = () => {
             to="/month"
             color="inherit"
             size="large"
+            id='test_month_header'
         >
             Месяц
         </Button>
@@ -74,6 +75,7 @@ const AdminMenu = () => {
         <Button
             color="inherit"
             onClick={handleClick}
+            id='test_greetings'
         >
             Hello, {user?.displayName}
         </Button>

planner-front/src/components/Menus/WorkerMenu/WorkerMenu.js

@@ -44,6 +44,7 @@ const WorkerMenu = () => {
             to="/month"
             color="inherit"
             size="large"
+            id='test_month_header'
         >
             Месяц
         </Button>
@@ -58,6 +59,7 @@ const WorkerMenu = () => {
         <Button
             color="inherit"
             onClick={handleClick}
+            id='test_greetings'
         >
             Hello, {user?.displayName}
         </Button>

planner-front/src/components/MonthCalendar/MonthCalendarBody/CalendarRowDay/EmptyBox/EmptyBox.js

@@ -34,14 +34,15 @@ const EmptyBox = ({hourNumber, handleOpen, dayNumber, xs, dragTaskHandler, modal
     onDragOver={(e)=>{dragOverHandler(e)}}
     onDrop={(e)=>{dropHandler(e)}}
     onClick={(e)=>{onClickHandler(e, dayNumber, hourNumber)}}
+    className='test_empty_box'
     item xs={xs} sx={{
-        height: '35px', 
+        height: '40px', 
         backgroundColor: 'rgb(0,0,0,0)', 
         zIndex: '6',
         cursor: copyTask ? 'pointer' : 'default'
         }}>
       {isThisCell ?  
-        <DefaultTask/> : null}
+        <DefaultTask/> : ' '}
     </Grid>)
 };
 

planner-front/src/components/MonthCalendar/MonthCalendarHeader/MonthAndYearInfo/MonthAndYearInfo.js

@@ -14,6 +14,7 @@ function MonthAndYearInfo({currentMonthString, year, incrementMonth, decrementMo
           alignItems: 'center',
           gap: '10px'
         }}
+        id='test_month_info'
         >
           <ArrowDecrementButton
             onClick={decrementMonth}

planner-front/src/components/MonthCalendar/MonthCalendarModalContent/MonthCalendarModalContent.js

@@ -56,7 +56,7 @@ function MonthCalendarModalContent({title, onChangeCurrentTaskHandler, descripti
       />
     </div>
     <div style={{display: 'flex', gap: '20px', margin: '10px 0'}}>
-      <Button onClick={sendNewTaskHandler}>Сохранить</Button>
+      <Button id='test_button_save_task'onClick={sendNewTaskHandler}>Сохранить</Button>
       <Button onClick={deleteTaskHandler}>Удалить</Button>
     </div>
   </>);

planner-front/src/components/UI/ModalTask/ModalTask.js

@@ -56,6 +56,7 @@ export default function ModalTask({modal, handleClose, children}) {
   return (
     <>
       <Modal
+        id='test_modal_task'
         open={modal.open}
         onClose={handleClose}
         aria-labelledby="modal-modal-title"

planner-front/src/components/UserForm/UserForm.js

@@ -25,6 +25,7 @@ const UserForm = ({ state, onChange, onSubmit, getFieldError, buttonText, resetP
             sx={{ mt: "15px" }}
             type="submit"
             fullWidth
+            id='test_login'
             variant="contained"
             color="primary"
         >

planner-tests/.gitignore

+node_modules
+.idea
+output

planner-tests/codecept.conf.js

+exports.config = {
+  output: './output',
+  helpers: {
+    Puppeteer: {
+      url: 'http://localhost:3000',
+      show: true,
+      windowSize: '1200x900'
+    }
+  },
+  include: {
+    I: './steps_file.js'
+  },
+  mocha: {},
+  bootstrap: null,
+  timeout: null,
+  teardown: null,
+  hooks: [],
+  gherkin: {
+    features: './features/*.feature',
+    steps: [
+      './step_definitions/steps.js',  
+      './step_definitions/create_task_steps.js']
+  },
+  plugins: {
+    screenshotOnFail: {
+      enabled: true
+    },
+    tryTo: {
+      enabled: true
+    },
+    retryFailedStep: {
+      enabled: false
+    },
+    retryTo: {
+      enabled: true
+    },
+    eachElement: {
+      enabled: true
+    },
+    pauseOnFail: {}
+  },
+  stepTimeout: 0,
+  stepTimeoutOverride: [{
+      pattern: 'wait.*',
+      timeout: 0
+    },
+    {
+      pattern: 'amOnPage',
+      timeout: 0
+    }
+  ],
+  tests: './step_definitions/*_steps.js',
+  name: 'planner-tests',
+  translation: 'ru-RU'
+}
\ No newline at end of file

planner-tests/features/create_task.feature

+#language: ru
+
+Функция: Создание задачи
+  Сценарий: Успешное создание задачи
+    Допустим я нахожусь на странице "/"
+    То я нажимаю на кнопку '#test_month_header'
+    И я вижу элемент "#test_month_info"
+    Если я нажимаю на элемент ".test_empty_box"
+    И я вижу элемент "#test_modal_task"
+    Если я ввожу в поле "title" текст "test tasklasdlasdl"
+    И я нажимаю на кнопку '#test_button_save_task'
+    Тогда я вижу элемент с текстом "Задачаtest tasklasdlasdl"
\ No newline at end of file

planner-tests/jsconfig.json

+{
+  "compilerOptions": {
+    "allowJs": true
+  }
+}
\ No newline at end of file

planner-tests/package.json

+{
+  "name": "planner-tests",
+  "version": "1.0.0",
+  "description": "",
+  "main": "index.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "start": "npx codeceptjs run --steps"
+  },
+  "author": "",
+  "license": "ISC",
+  "dependencies": {
+    "codeceptjs": "^3.3.7",
+    "puppeteer": "^19.3.0"
+  }
+}

planner-tests/step_definitions/create_task_steps.js

+const { I } = inject();
+
+Given("я нахожусь на странице {string}", (page) => {
+  I.login('a@a.a0', '123')
+  I.amOnPage(page)
+});
+
+Then('я нажимаю на кнопку {string}', (buttonId) => {
+  I.click(buttonId)
+});
+
+When('я вижу элемент {string}', (infoString) => {
+  I.waitForElement(infoString, 5)
+});
+
+When('я нажимаю на элемент {string}', (className) => {
+  I.click(className)
+});
+
+When('я ввожу в поле {string} текст {string}', (field, title) => {
+  I.fillField(field, title)
+});
+
+When('я нажимаю на кнопку {string}', (buttonId) => {
+  I.click(buttonId)
+  I.wait(2)
+});
+
+Then('я вижу элемент с текстом {string}', (text) => {
+  I.see(text)
+  I.wait(2)
+});

planner-tests/steps.d.ts

+/// <reference types='codeceptjs' />
+type steps_file = typeof import('./steps_file.js');
+
+declare namespace CodeceptJS {
+  interface SupportObject { I: I, current: any, Я: Я }
+  interface Methods extends Puppeteer {}
+  interface I extends ReturnType<steps_file> {}
+  interface Я extends WithTranslation<Methods> {}
+  namespace Translation {
+    interface Actions {
+  "say": "сообщаю",
+  "waitForElement": "ожидаю_элемент",
+  "waitForVisible": "ожидаю_увидеть",
+  "waitForText": "ожидаю_текст",
+  "amOnPage": "на_странице",
+  "click": "кликаю",
+  "doubleClick": "дважды_кликаю",
+  "see": "вижу",
+  "dontSee": "не_вижу",
+  "selectOption": "выбираю_опцию",
+  "fillField": "заполняю_поле",
+  "pressKey": "нажимаю_кнопку",
+  "triggerMouseEvent": "триггерное_событие_мыши",
+  "attachFile": "загружаю_файл",
+  "seeInField": "вижу_в_поле",
+  "dontSeeInField": "не_вижу_в_поле",
+  "appendField": "дописываю_в_поле",
+  "checkOption": "выбираю_опцию",
+  "seeCheckboxIsChecked": "вижу_галочку",
+  "dontSeeCheckboxIsChecked": "не_вижу_галочку",
+  "grabTextFrom": "беру_текст_из",
+  "grabValueFrom": "беру_значение_из",
+  "grabAttributeFrom": "беру_атрибут_из",
+  "seeInTitle": "вижу_в_заголовке",
+  "dontSeeInTitle": "не_вижу_в_заголовке",
+  "grabTitle": "беру_заголовок",
+  "seeElement": "вижу_элемент",
+  "dontSeeElement": "не_вижу_элемент",
+  "seeInSource": "вижу_в_коде",
+  "dontSeeInSource": "не_вижу_в_коде",
+  "executeScript": "выполняю_скрипт",
+  "executeAsyncScript": "выполняю_скрипт_асинхронно",
+  "seeInCurrentUrl": "вижу_в_адресе",
+  "dontSeeInCurrentUrl": "не_вижу_в_адресе",
+  "seeCurrentUrlEquals": "вижу_адрес_равен",
+  "dontSeeCurrentUrlEquals": "не_вижу_адрес",
+  "saveScreenshot": "делаю_скриншот",
+  "setCookie": "устанавливаю_куки",
+  "clearCookie": "очищаю_куки",
+  "seeCookie": "вижу_в_куки",
+  "dontSeeCookie": "не_вижу_в_куки",
+  "grabCookie": "беру_куки",
+  "resizeWindow": "растягиваю_окно",
+  "wait": "жду"
+}
+  }
+}
+
+declare const Цель: typeof Feature;
+declare const Сценарий: typeof Scenario;
+declare const Начало: typeof Before;
+declare const Конец: typeof After;
+declare const Перед_всем: typeof BeforeSuite;
+declare const После_всего: typeof AfterSuite;
\ No newline at end of file

planner-tests/steps_file.js

+// in this file you can append custom step methods to 'I' object
+
+module.exports = function() {
+  return actor({
+    login: function(email, password) {
+      this.amOnPage('/sign-in')
+      this.fillField('email', email)
+      this.fillField('password', password)
+      this.click('#test_login')
+      this.waitForElement('#test_greetings', 5)
+    }
+    // Define custom steps here, use 'this' to access default methods of I.
+    // It is recommended to place a general 'login' function here.
+
+  });
+}