AB#1221 Make sure other task tests don't break when creating a new ta…

…sk in this test

client/tests/webdriver/baseSpecs/createNewTask.spec.js

@@ -4,6 +4,7 @@ import ShowTask from "../pages/showTask.page"
 
 const SHORT_NAME = "TO 1"
 const LONG_NAME = "To the 1"
+const PARENT_TASK = "TAAC Air"
 const DESCRIPTION = "Test Task 1"
 
 describe("When creating an task", () => {
@@ -19,6 +20,7 @@ describe("When creating an task", () => {
   it("Should successfully create a task", async() => {
     await (await CreateTask.getShortNameInput()).setValue(SHORT_NAME)
     await (await CreateTask.getLongNameInput()).setValue(LONG_NAME)
+    await CreateTask.selectParentTaskByText(PARENT_TASK)
     await CreateTask.fillTaskDescription(DESCRIPTION)
     await CreateTask.submitForm()
     await ShowTask.waitForAlertSuccessToLoad()

client/tests/webdriver/pages/createNewTask.page.js

@@ -27,6 +27,42 @@ class CreateTask extends Page {
     return browser.$("#longName")
   }
 
+  async getParentTaskInput() {
+    return browser.$("#parentTask")
+  }
+
+  async getClearParentTaskButton() {
+    return browser.$("#fg-parentTask div.input-group button")
+  }
+
+  async getParentTaskSearchPopover() {
+    return browser.$("#parentTask-popover")
+  }
+
+  async getParentTasksTable() {
+    return (await this.getParentTaskSearchPopover()).$(
+      ".table-responsive table"
+    )
+  }
+
+  async selectParentTaskByText(name) {
+    await (await this.getParentTaskInput()).click()
+    // wait for parentTask table loader to disappear
+    await (await this.getParentTasksTable()).waitForDisplayed()
+    await browser.keys(name)
+    await (await this.getParentTasksTable()).waitForDisplayed()
+    const radioButton = await (
+      await this.getParentTasksTable()
+    ).$("tbody tr:first-child td:first-child input.form-check-input")
+    if (!(await radioButton.isSelected())) {
+      await radioButton.click()
+    }
+    await (await this.getShortNameInput()).click()
+    await (
+      await this.getParentTaskSearchPopover()
+    ).waitForExist({ reverse: true, timeout: 3000 })
+  }
+
   async getDescriptionInput() {
     return browser.$("#fg-description .editable")
   }