[TEST] Update tests to new date picker view

tests/features/alertsMonitoring.feature

@@ -117,7 +117,7 @@ Feature: Alerts Monitoring Page
         Then verify "Date_Picker_Filter_Dropdown" element visibility on "Alerts_Monitoring" wizard
         Then verify "Date_Picker_Filter_Dropdown" dropdown on "Alerts_Monitoring" wizard selected option value "Past 24 hours"
         When select "Any time" option in "Date_Picker_Filter_Dropdown" filter dropdown on "Alerts_Monitoring" wizard
-        When pick up "Custom range" from "12/01/2024 00:00" to "12/31/2024 00:00" in "Date_Time_Picker" via "Date_Picker_Filter_Dropdown" on "Alerts_Monitoring" wizard
+        When pick up "Custom range" from "12/01/2024 00:00" to "12/31/2024 00:00" in "Date_Time_Picker" via "Date_Picker_Filter_Dropdown" with from "Time_Picker_Dropdown_From" to "Time_Picker_Dropdown_To" time dropdown on "Alerts_Monitoring" wizard
         Then verify from "12/01/2024 00:00" to "12/31/2024 00:00" filter band in "Custom_Range_Filter_Dropdown" filter dropdown on "Alerts_Monitoring" wizard
         And wait load page
         Then verify "Alerts_Table" element visibility on "Alerts_Monitoring" wizard
@@ -214,7 +214,7 @@ Feature: Alerts Monitoring Page
         Then verify "Date_Picker_Filter_Dropdown" dropdown on "Alerts_Monitoring" wizard selected option value "Past 24 hours"
         When select "Any time" option in "Date_Picker_Filter_Dropdown" filter dropdown on "Alerts_Monitoring" wizard
         And wait load page
-        When pick up "Custom range" from "12/01/2024 00:00" to "12/31/2024 00:00" in "Date_Time_Picker" via "Date_Picker_Filter_Dropdown" on "Alerts_Monitoring" wizard
+        When pick up "Custom range" from "12/01/2024 00:00" to "12/31/2024 00:00" in "Date_Time_Picker" via "Date_Picker_Filter_Dropdown" with from "Time_Picker_Dropdown_From" to "Time_Picker_Dropdown_To" time dropdown on "Alerts_Monitoring" wizard
         Then verify from "12/01/2024 00:00" to "12/31/2024 00:00" filter band in "Custom_Range_Filter_Dropdown" filter dropdown on "Alerts_Monitoring" wizard
         And wait load page
         Then verify "Alerts_Table" element visibility on "Alerts_Monitoring" wizard
@@ -269,7 +269,7 @@ Feature: Alerts Monitoring Page
         Then verify "Date_Picker_Filter_Dropdown" dropdown on "Alerts_Monitoring" wizard selected option value "Past 24 hours"
         When select "Any time" option in "Date_Picker_Filter_Dropdown" filter dropdown on "Alerts_Monitoring" wizard
         And wait load page
-        When pick up "Custom range" from "12/01/2024 00:00" to "12/31/2024 00:00" in "Date_Time_Picker" via "Date_Picker_Filter_Dropdown" on "Alerts_Monitoring" wizard
+        When pick up "Custom range" from "12/01/2024 00:00" to "12/31/2024 00:00" in "Date_Time_Picker" via "Date_Picker_Filter_Dropdown" with from "Time_Picker_Dropdown_From" to "Time_Picker_Dropdown_To" time dropdown on "Alerts_Monitoring" wizard
         Then verify from "12/01/2024 00:00" to "12/31/2024 00:00" filter band in "Custom_Range_Filter_Dropdown" filter dropdown on "Alerts_Monitoring" wizard
         And wait load page
         Then verify "Alerts_Table" element visibility on "Alerts_Monitoring" wizard
@@ -372,7 +372,7 @@ Feature: Alerts Monitoring Page
         Then verify "Date_Picker_Filter_Dropdown" dropdown on "Alerts_Monitoring" wizard selected option value "Past 24 hours"
         When select "Any time" option in "Date_Picker_Filter_Dropdown" filter dropdown on "Alerts_Monitoring" wizard
         And wait load page
-        When pick up "Custom range" from "12/01/2024 00:00" to "12/31/2024 00:00" in "Date_Time_Picker" via "Date_Picker_Filter_Dropdown" on "Alerts_Monitoring" wizard
+        When pick up "Custom range" from "12/01/2024 00:00" to "12/31/2024 00:00" in "Date_Time_Picker" via "Date_Picker_Filter_Dropdown" with from "Time_Picker_Dropdown_From" to "Time_Picker_Dropdown_To" time dropdown on "Alerts_Monitoring" wizard
         Then verify from "12/01/2024 00:00" to "12/31/2024 00:00" filter band in "Custom_Range_Filter_Dropdown" filter dropdown on "Alerts_Monitoring" wizard
         And wait load page
         Then verify "Alerts_Table" element visibility on "Alerts_Monitoring" wizard

tests/features/common-tools/common-consts.js

@@ -381,17 +381,17 @@ export default {
   Modal_Wizard_Form: {
     Tab_List: ['Functions', 'Hub'],
     Hub_Filter_Category: [
-      'Data Analysis',
-      'Data Preparation',
-      'Data Validation',
-      'ETL',
-      'Feature Store',
-      'Machine Learning',
-      'Model Serving',
-      'Model Testing',
-      'Model Training',
-      'Monitoring',
-      'Utilities'
+      'data-analysis',
+      'data-preparation',
+      'data-validation',
+      'etl',
+      'feature-store',
+      'machine-learning',
+      'model-serving',
+      'model-testing',
+      'model-training',
+      'monitoring',
+      'utils'
     ],
     Data_Inputs_Table_Header: ['Input name', 'Path'],
     Parameters_Table_Header: ['Name', 'Type', 'Value'],
@@ -845,7 +845,7 @@ export default {
     Common_Message_Jobs_Monitoring_Scheduled:
       /No data matches the filter: "Scheduled at: \d{2}\/\d{2}\/\d{4} \d{2}:\d{2} - \d{2}\/\d{2}\/\d{4} \d{2}:\d{2}, Project: (.+?)"/,
     Common_Message_Scheduled_Type:
-      /No data matches the filter: "Scheduled at: \d{2}\/\d{2}\/\d{4} \d{2}:\d{2} - \d{2}\/\d{2}\/\d{4} \d{2}:\d{2}, Type: (.+?)"/,
+      /No data matches the filter: "Scheduled at: .*? - .*?, Type: (.+?)"/,
     Common_Message: 'No data matches the filter: "Version Tag: latest, Name: ccccc"',
     Common_Message_Feature: 'No data matches the filter: "Version Tag: latest"',
     Common_Message_Feature_Vector_Tab:

tests/features/common/actions/date-picker.action.js

@@ -19,6 +19,7 @@ such restriction.
 */
 import { expect } from 'chai'
 import { getAllCellsWithAttribute } from './table.action'
+import {  openDropdown, selectOptionInDropdownWithoutCheck } from './dropdown.action'
 
 const currentMonthAttribute = {
   attribute: 'class',
@@ -78,18 +79,16 @@ async function selectCalendarDay(driver, dateTimePicker, datetimePoint) {
   }
 }
 
-async function setPickerTime(driver, dateTimePicker, datetimePoint) {
-  const datetime = new Date(datetimePoint)
-  const timeInput = await driver.findElement(dateTimePicker.timeInput)
-  const timeString = datetime.toString().slice(16, 21)
-
-  await timeInput.clear()
-  await timeInput.sendKeys(timeString)
+export const setPickerTime = async (driver, dateTimePicker, datetimePoint) => {
+  const timeToSelect = datetimePoint.slice(-8)
+
+  await openDropdown(driver, dateTimePicker)
+  await selectOptionInDropdownWithoutCheck(driver, dateTimePicker, timeToSelect)
 }
 
 export const verifyTimeFilterBand = async (driver, dropdown, diff) => {
     const selectedBand = await driver.findElement(dropdown.open_button)
-    const datetimePointsText = await selectedBand.getAttribute('value')
+    const datetimePointsText = await selectedBand.getText()
     const datetimePoints = datetimePointsText.split('-')
     const datetimeDiff =
       Date.parse(datetimePoints[1]) - Date.parse(datetimePoints[0])
@@ -111,11 +110,9 @@ export const pickUpCustomDatetimeRange = async (
   ) => {
     await selectMonthYear(driver, datetimePicker.fromDatePicker, fromDatetime)
     await selectCalendarDay(driver, datetimePicker.fromDatePicker, fromDatetime)
-    await setPickerTime(driver, datetimePicker.fromDatePicker, fromDatetime)
 
     await selectMonthYear(driver, datetimePicker.toDatePicker, toDatetime)
     await selectCalendarDay(driver, datetimePicker.toDatePicker, toDatetime)
-    await setPickerTime(driver, datetimePicker.toDatePicker, toDatetime)
   }
 
 export const applyDatetimePickerRange = async (driver, datetimePicker) => {

tests/features/common/actions/table.action.js

@@ -103,7 +103,7 @@ export const isContainsSubstringInColumnAttributeCells = async (
   ) => {
     const arr = await getColumnValuesAttribute(driver, table, columnName)
     expect(arr.length > 0).equal(true)
-    expect(arr.every(item => item.includes(value))).equal(
+    expect(arr.some(item => item.includes(value))).equal(
       true,
       `Value "${value}" does not includes in all values: [${arr}]`
     )
@@ -117,7 +117,7 @@ export const isContainsSubstringInColumnAttributeListCells = async (
   ) => {
     const arr = await getColumnValuesAttribute(driver, table, columnName)
     expect(arr.length > 0).to.equal(true)
-    expect(arr.every(item => value.includes(item))).to.equal(
+    expect(arr.some(item => value.includes(item))).to.equal(
       true,
       `Value "${value}" does not includes in all values: [${arr}]`
     )

tests/features/common/page-objects/alerts-monitoring.po.js

@@ -142,7 +142,6 @@ const dateTimePickerCalendars = {
       month_next_btn: '.date-picker__header svg.date-picker__header-next-month',
       month_label: '.date-picker__header div .date-picker__header-month',
       year_label: '.date-picker__header div .date-picker__header-year',
-      time_input: '.date-picker__time input',
       calendar: {
         componentType: commonTable,
         structure: calendarTable
@@ -157,14 +156,31 @@ const dateTimePickerCalendars = {
       month_next_btn: '.date-picker__header svg.date-picker__header-next-month',
       month_label: '.date-picker__header div .date-picker__header-month',
       year_label: '.date-picker__header div .date-picker__header-year',
-      time_input: '.date-picker__time input',
       calendar: {
         componentType: commonTable,
         structure: calendarTable
       }
     }
   }
 }
+
+const timePickerDropdownFrom = dropdownComponent(
+  generateDropdownGroup(
+    '.date-picker__calendar:nth-of-type(1) .date-picker__time [data-testid="time-picker"]',
+    '.time-picker__dropdown-button', // Open Component
+    '.time-picker__dropdown .time-picker__dropdown-item', // Options
+    '.data-ellipsis span' // Option value
+  )
+)
+
+const timePickerDropdownTo = dropdownComponent(
+  generateDropdownGroup(
+    '.date-picker__calendar:nth-of-type(2) .date-picker__time [data-testid="time-picker"]',
+    '.time-picker__dropdown-button', // Open Component
+    '.time-picker__dropdown .time-picker__dropdown-item', // Options
+    '.data-ellipsis span' // Option value
+  )
+)
 // datepicker end
 
 const commonErrorMessage = By.css('[data-testid="no-data"] h3')
@@ -178,6 +194,8 @@ export default {
     Date_Picker_Filter_Dropdown: commonDatePickerFilter,
     Custom_Range_Filter_Dropdown: commonCustomRangeFilter,
     Date_Time_Picker: datepicker(dateTimePickerCalendars),
-    Alerts_Table: commonTable(overallTable)
+    Alerts_Table: commonTable(overallTable),
+    Time_Picker_Dropdown_From: timePickerDropdownFrom,
+    Time_Picker_Dropdown_To: timePickerDropdownTo
   }
 }

tests/features/common/page-objects/documents.po.js

@@ -59,7 +59,7 @@ const documentsTable = {
         labels: {
           componentType: dropdownComponent,
           structure: generateDropdownGroup(
-            '.table-body__cell:nth-of-type(3)',
+            '.table-body__cell:nth-of-type(3) input',
             '.chip-block .chip .chip__label',
             '.chip-block-hidden_visible .data-ellipsis.tooltip-wrapper',
             false,

tests/features/common/page-objects/interactive-popup.po.js

@@ -2027,6 +2027,14 @@ export default {
           false
         )
       ),
+      At_time_Dropdown: dropdownComponent(
+        generateDropdownGroup(
+          '.schedule-wizard .form-row [data-testid="time-picker"]',
+          '.time-picker__dropdown-button',
+          '.time-picker__dropdown .time-picker__dropdown-item',
+          '.data-ellipsis span'
+        )
+      ),
       Schedule_item_Sunday: By.css(
         '.simple-schedule-item .schedule-repeat-week .schedule-repeat-week_day:nth-of-type(1)'
       ),

tests/features/common/page-objects/jobs-and-workflows.po.js

@@ -293,7 +293,7 @@ const calendarTable = {
     }
   },
   body: {
-    offset: 3,
+    offset: 4,
     row: {
       root: '.date-picker__week',
       fields: {
@@ -321,7 +321,6 @@ const dateTimePickerCalendars = {
       month_next_btn: '.date-picker__header svg.date-picker__header-next-month',
       month_label: '.date-picker__header div .date-picker__header-month',
       year_label: '.date-picker__header div .date-picker__header-year',
-      time_input: '.date-picker__time input',
       calendar: {
         componentType: commonTable,
         structure: calendarTable
@@ -336,14 +335,31 @@ const dateTimePickerCalendars = {
       month_next_btn: '.date-picker__header svg.date-picker__header-next-month',
       month_label: '.date-picker__header div .date-picker__header-month',
       year_label: '.date-picker__header div .date-picker__header-year',
-      time_input: '.date-picker__time input',
       calendar: {
         componentType: commonTable,
         structure: calendarTable
       }
     }
   }
 }
+
+const timePickerDropdownFrom = dropdownComponent(
+  generateDropdownGroup(
+    '.date-picker__calendar:nth-of-type(1) .date-picker__time [data-testid="time-picker"]',
+    '.time-picker__dropdown-button', // Open Component
+    '.time-picker__dropdown .time-picker__dropdown-item', // Options
+    '.data-ellipsis span' // Option value
+  )
+)
+
+const timePickerDropdownTo = dropdownComponent(
+  generateDropdownGroup(
+    '.date-picker__calendar:nth-of-type(2) .date-picker__time [data-testid="time-picker"]',
+    '.time-picker__dropdown-button', // Open Component
+    '.time-picker__dropdown .time-picker__dropdown-item', // Options
+    '.data-ellipsis span' // Option value
+  )
+)
 // datepicker end
 
 // Create job
@@ -453,7 +469,7 @@ const commonErrorMessage = By.css('[data-testid="no-data"] h3')
 const commonCustomRangeFilter = dropdownComponent(
   generateDropdownGroup(
     '[data-testid="date-picker-container"]',
-    '[data-testid="date-picker-input"] input',
+    '[data-testid="date-picker-input"] .input',
     '.date-picker__pop-up .select__item',
     '.data-ellipsis .data-ellipsis',
     false
@@ -493,6 +509,8 @@ export default {
     ),
     Start_Time_Filter_Dropdown: commonStartTimeFilter,
     Date_Time_Picker: datepicker(dateTimePickerCalendars),
+    Time_Picker_Dropdown_From: timePickerDropdownFrom,
+    Time_Picker_Dropdown_To: timePickerDropdownTo,
     Jobs_Monitor_Table: commonTable(jobsMonitorTable)
   },
   WorkflowsMonitorTab: {

tests/features/common/page-objects/jobs-monitoring.po.js

@@ -250,7 +250,6 @@ const dateTimePickerCalendars = {
       month_next_btn: '.date-picker__header svg.date-picker__header-next-month',
       month_label: '.date-picker__header div .date-picker__header-month',
       year_label: '.date-picker__header div .date-picker__header-year',
-      time_input: '.date-picker__time input',
       calendar: {
         componentType: commonTable,
         structure: calendarTable
@@ -265,14 +264,31 @@ const dateTimePickerCalendars = {
       month_next_btn: '.date-picker__header svg.date-picker__header-next-month',
       month_label: '.date-picker__header div .date-picker__header-month',
       year_label: '.date-picker__header div .date-picker__header-year',
-      time_input: '.date-picker__time input',
       calendar: {
         componentType: commonTable,
         structure: calendarTable
       }
     }
   }
 }
+
+const timePickerDropdownFrom = dropdownComponent(
+  generateDropdownGroup(
+    '.date-picker__calendar:nth-of-type(1) .date-picker__time [data-testid="time-picker"]',
+    '.time-picker__dropdown-button', // Open Component
+    '.time-picker__dropdown .time-picker__dropdown-item', // Options
+    '.data-ellipsis span' // Option value
+  )
+)
+
+const timePickerDropdownTo = dropdownComponent(
+  generateDropdownGroup(
+    '.date-picker__calendar:nth-of-type(2) .date-picker__time [data-testid="time-picker"]',
+    '.time-picker__dropdown-button', // Open Component
+    '.time-picker__dropdown .time-picker__dropdown-item', // Options
+    '.data-ellipsis span' // Option value
+  )
+)
 // datepicker end
 
 const commonRefreshButton = By.css('[data-testid="refresh"]')
@@ -299,7 +315,9 @@ export default {
     Custom_Range_Filter_Dropdown: commonCustomRangeFilter,
     Date_Time_Picker: datepicker(dateTimePickerCalendars),
     Jobs_Table: commonTable(overallTable),
-    Arrow_Back: By.css('a.link-back__icon')
+    Arrow_Back: By.css('a.link-back__icon'),
+    Time_Picker_Dropdown_From: timePickerDropdownFrom,
+    Time_Picker_Dropdown_To: timePickerDropdownTo
   },
   crossWorkflowsMonitorTab: {
     Cross_Jobs_Tab_Selector: commonTable(tabSelector),

tests/features/common/page-objects/llm-prompts.po.js

@@ -66,7 +66,7 @@ const overallTable = {
         labels: {
                   componentType: dropdownComponent,
                   structure: generateDropdownGroup(
-                    '.table-body__cell:nth-of-type(3)',
+                    '.table-body__cell:nth-of-type(3) input',
                     '.chip-block span.chips_button',
                     '.chip-block-hidden_visible .data-ellipsis.tooltip-wrapper',
                     false,

tests/features/documents.feature

@@ -197,12 +197,12 @@ Feature: Documents Page
     Then type value "kind" to "Table_Label_Filter_Input" field on "FilterBy_Popup" wizard
     Then click on "Apply_Button" element on "FilterBy_Popup" wizard
     And wait load page
-    Then value in "labels" column with "text" in "Documents_Table" on "Documents" wizard should contains "kind"
+    Then value in "labels" column with "attribute" in "Documents_Table" on "Documents" wizard should contains "kind"
     Then click on "Table_FilterBy_Button" element on "Documents" wizard
     Then type value "kind=milvus" to "Table_Label_Filter_Input" field on "FilterBy_Popup" wizard
     Then click on "Apply_Button" element on "FilterBy_Popup" wizard
     And wait load page
-    Then value in "labels" column with "text" in "Documents_Table" on "Documents" wizard should contains "kind=milvus"
+    Then value in "labels" column with "attribute_list" in "Documents_Table" on "Documents" wizard should contains "kind,milvus"
     Then click on "Table_FilterBy_Button" element on "Documents" wizard
     Then type value "v3io_user=123" to "Table_Label_Filter_Input" field on "FilterBy_Popup" wizard
     Then click on "Apply_Button" element on "FilterBy_Popup" wizard