replace waitForDisplayed with waitForTaskToDisappear in e2e tests for task handling

Signed-off-by: Diana Barsan <[email protected]>

Author: dianabarsan

tests/e2e/default/tasks/tasks-group.wdio-spec.js

@@ -167,7 +167,7 @@ describe('Tasks group landing page', () => {
       await tasksPage.waitForTaskContentLoaded('Home Visit');
       const taskElement = await tasksPage.getOpenTaskElement();
       await genericForm.submitForm();
-      await taskElement.waitForDisplayed({ reverse: true });
+      await tasksPage.waitForTaskToDisappear(taskElement);
 
       // tasks group is displayed
       await tasksPage.waitForTasksGroupLoaded();
@@ -198,7 +198,7 @@ describe('Tasks group landing page', () => {
       await tasksPage.waitForTaskContentLoaded('Home Visit');
       const taskElement = await tasksPage.getOpenTaskElement();
       await genericForm.submitForm();
-      await taskElement.waitForDisplayed({ reverse: true });
+      await tasksPage.waitForTaskToDisappear(taskElement);
       // tasks group is displayed again
       await tasksPage.waitForTasksGroupLoaded();
       const secondGroupTasks = await tasksPage.getTasksInGroup();
@@ -227,7 +227,7 @@ describe('Tasks group landing page', () => {
       await tasksPage.waitForTaskContentLoaded('Place Home Visit');
       const taskElement = await tasksPage.getOpenTaskElement();
       await genericForm.submitForm();
-      await taskElement.waitForDisplayed({ reverse: true });
+      await tasksPage.waitForTaskToDisappear(taskElement);
 
       await tasksPage.waitForTasksGroupLoaded();
       const groupTasksAndTitles = await getGroupTasksNamesAndTitles();
@@ -245,7 +245,7 @@ describe('Tasks group landing page', () => {
       await tasksPage.waitForTaskContentLoaded('Home Visit');
       const taskElement = await tasksPage.getOpenTaskElement();
       await genericForm.submitForm();
-      await taskElement.waitForDisplayed({ reverse: true });
+      await tasksPage.waitForTaskToDisappear(taskElement);
 
       await tasksPage.waitForTasksGroupLoaded();
 
@@ -267,7 +267,7 @@ describe('Tasks group landing page', () => {
       await tasksPage.waitForTaskContentLoaded('Home Visit');
       const taskElementHomeVisit = await tasksPage.getOpenTaskElement();
       await genericForm.submitForm();
-      await taskElementHomeVisit.waitForDisplayed({ reverse: true });
+      await tasksPage.waitForTaskToDisappear(taskElementHomeVisit);
 
       await tasksPage.waitForTasksGroupLoaded();
       const tasksInGroup = await tasksPage.getTasksInGroup();
@@ -279,7 +279,7 @@ describe('Tasks group landing page', () => {
       await tasksPage.waitForTaskContentLoaded('Place Home Visit');
       const taskElementPlaceHomeVisit = await tasksPage.getOpenTaskElement();
       await genericForm.submitForm();
-      await taskElementPlaceHomeVisit.waitForDisplayed({ reverse: true });
+      await tasksPage.waitForTaskToDisappear(taskElementPlaceHomeVisit);
 
       const emptySelection = await tasksPage.noSelectedTask();
       await (emptySelection).waitForDisplayed();
@@ -293,7 +293,7 @@ describe('Tasks group landing page', () => {
       await tasksPage.waitForTaskContentLoaded('Home Visit');
       const taskElement = await tasksPage.getOpenTaskElement();
       await genericForm.submitForm();
-      await taskElement.waitForDisplayed({ reverse: true });
+      await tasksPage.waitForTaskToDisappear(taskElement);
 
       const emptySelection = await tasksPage.noSelectedTask();
       await (emptySelection).waitForDisplayed();
@@ -331,7 +331,7 @@ describe('Tasks group landing page', () => {
       await tasksPage.waitForTaskContentLoaded('Home Visit');
       const taskElement = await tasksPage.getOpenTaskElement();
       await genericForm.submitForm();
-      await taskElement.waitForDisplayed({ reverse: true });
+      await tasksPage.waitForTaskToDisappear(taskElement);
 
       const emptySelection = await tasksPage.noSelectedTask();
       await (emptySelection).waitForDisplayed();

tests/page-objects/default/tasks/tasks.wdio.page.js

@@ -87,6 +87,14 @@ const getOpenTaskElement = async () => {
   return getTaskById(emissionId);
 };
 
+const waitForTaskToDisappear = async (taskElement) => {
+  const selector = taskElement.selector;
+  await browser.waitUntil(
+    async () => !(await $(selector).isExisting()),
+    { timeout: 10000, timeoutMsg: `Task element ${selector} was not removed from the DOM.` }
+  );
+};
+
 const waitForTasksGroupLoaded = async () => {
   await $(TASKS_GROUP_SELECTOR).waitForDisplayed();
   await browser.waitUntil(async () => {
@@ -175,6 +183,7 @@ module.exports = {
   getTaskInfo,
   getTasksListInfos,
   getOpenTaskElement,
+  waitForTaskToDisappear,
   waitForTasksGroupLoaded,
   getTasksInGroup,
   noSelectedTask,