feature #177 Add cypress tests

AbsaOSS · Feb 16, 2023 · 05f56bf · 05f56bf
1 parent 62f74bf
commit 05f56bf
Show file tree

Hide file tree

Showing 4 changed files with 51 additions and 0 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -0,0 +1 @@
+{}
diff --git a/ui/cypress/e2e/main-tests-spec.cy.ts b/ui/cypress/e2e/main-tests-spec.cy.ts
@@ -81,4 +81,46 @@ describe('Main Tests', () => {
         })
     })
 
+    describe('Feature #177 Filter plans and events by labels', () => {
+        it('search text `a` that is matched by autocomplete, but no option was chosen', () => {
+            cy.visit('/')
+            cy.get('spline-search-box-with-filter input').click()
+            cy.wait(1000).get('.mat-autocomplete-panel spline-loader mat-spinner', { timeout: 10000 })
+                .should('not.exist')
+            cy.get('.mat-autocomplete-panel mat-option')
+                .should('have.length.at.least', 3)
+
+            cy.get('spline-search-box-with-filter input').type('a')
+            cy.wait(1000).get('.mat-autocomplete-panel spline-loader mat-spinner', { timeout: 10000 })
+                .should('not.exist')
+            cy.get('.mat-autocomplete-panel mat-option')
+                .should('have.length.at.least', 2)
+            cy.get('.mat-autocomplete-panel mat-option')
+                .contains('.spline-search-attribute__option-name', 'appName').click()
+            cy.wait(1000).get(`spline-search-box-with-filter input`)
+                .should('have.value', 'appName:')
+            cy.get('.mat-autocomplete-panel mat-option')
+                .should('have.length.greaterThan', 5)
+            cy.get('.mat-autocomplete-panel mat-option')
+                .contains('.spline-search-attribute__option-name', 'Other Job C')
+
+            cy.get('spline-search-box-with-filter input')
+                .type('"Excel')
+            cy.get('.mat-autocomplete-panel mat-option')
+                .contains('.spline-search-attribute__option-name', 'Excel')
+            cy.get('spline-search-box-with-filter input')
+                .type('{backspace}{backspace}{backspace}{backspace}{backspace}Other ')
+
+            cy.get('.mat-autocomplete-panel mat-option')
+                .contains('.spline-search-attribute__option-name', 'Other Job C')
+                .click()
+            cy.wait(1000).get(`spline-search-box-with-filter input`)
+                .should('have.value', 'appName:"Other Job C" ')
+            cy.get('mat-table mat-row')
+                .should('have.length.at.least', 2)
+        })
+        it('', () => {})
+        it('', () => {})
+        it('', () => {})
+    })
 })
diff --git a/...in/src/common/component/search-box-with-filter/spline-search-box-with-filter.component.ts b/...in/src/common/component/search-box-with-filter/spline-search-box-with-filter.component.ts
@@ -112,6 +112,7 @@ export class SplineSearchBoxWithFilterComponent<TRowData = undefined> extends Ba
                 this.autocompletedFilterFragments$.next([])
                 this.matAutocompleteTrigger?.openPanel()
                 const filterTokenFragment = this.lastFoundFilterTokenFragment$.getValue()
+                console.log(filterTokenFragment)
                 this.updateAutocompletedOptionList(filterTokenFragment)
             }
         })
@@ -167,6 +168,7 @@ export class SplineSearchBoxWithFilterComponent<TRowData = undefined> extends Ba
     private updateAutocompletedOptionList({ fragmentString, filterTokenKey }: FilterTokenFragment) {
         // Adapter LabelData to LabelQuery
         const queryParams = ExecutionEventsQuery.toLabelQueryParams(fragmentString, filterTokenKey)
+        console.log(queryParams)
         this.labelApiService?.fetchList(queryParams)
             .pipe(tap((result: string[]) => {
                 this.autocompletedFilterFragments$.next(result)