-
Notifications
You must be signed in to change notification settings - Fork 114
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Added search bar for Data Bags list page (#5069)
* Added UI and functionality for search bar Signed-off-by: chaitali-mane <[email protected]> * added cypress tests for data bag list page Signed-off-by: chaitali-mane <[email protected]> * removed commented line Signed-off-by: chaitali-mane <[email protected]>
- Loading branch information
1 parent
60923ec
commit 543faee
Showing
5 changed files
with
308 additions
and
16 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
232 changes: 232 additions & 0 deletions
232
e2e/cypress/integration/ui/infra-proxy/infra-databags.spec.ts
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,232 @@ | ||
| describe('infra databag', () => { | ||
| const now = Cypress.moment().format('MMDDYYhhmmss'); | ||
| const cypressPrefix = 'infra'; | ||
| let adminIdToken = ''; | ||
| const serverID = 'chef-server-dev-test'; | ||
| const serverName = 'chef server dev'; | ||
| const orgID = 'chef-org-dev'; | ||
| const orgName = '4thcoffee'; | ||
| const serverFQDN = 'ec2-34-219-25-251.us-west-2.compute.amazonaws.com'; | ||
| const serverIP = '34.219.25.251'; | ||
| const adminUser = 'chefadmin'; | ||
| const adminKey = Cypress.env('AUTOMATE_INFRA_ADMIN_KEY').replace(/\\n/g, '\n'); | ||
| const databagName = `${cypressPrefix}-databag-${now}-1`; | ||
|
|
||
| before(() => { | ||
| cy.adminLogin('/').then(() => { | ||
| const admin = JSON.parse(<string>localStorage.getItem('chef-automate-user')); | ||
| adminIdToken = admin.id_token; | ||
|
|
||
| cy.request({ | ||
| auth: { bearer: adminIdToken }, | ||
| failOnStatusCode: false, | ||
| method: 'POST', | ||
| url: '/api/v0/infra/servers', | ||
| body: { | ||
| id: serverID, | ||
| name: serverName, | ||
| fqdn: serverFQDN, | ||
| ip_address: serverIP | ||
| } | ||
| }).then((resp) => { | ||
| if (resp.status === 200 && resp.body.ok === true) { | ||
| return; | ||
| } else { | ||
| cy.request({ | ||
| auth: { bearer: adminIdToken }, | ||
| method: 'GET', | ||
| url: `/api/v0/infra/servers/${serverID}`, | ||
| body: { | ||
| id: serverID | ||
| } | ||
| }); | ||
| } | ||
| }); | ||
|
|
||
| cy.request({ | ||
| auth: { bearer: adminIdToken }, | ||
| failOnStatusCode: false, | ||
| method: 'POST', | ||
| url: `/api/v0/infra/servers/${serverID}/orgs`, | ||
| body: { | ||
| id: orgID, | ||
| server_id: serverID, | ||
| name: orgName, | ||
| admin_user: adminUser, | ||
| admin_key: adminKey | ||
| } | ||
| }).then((response) => { | ||
| if (response.status === 200 && response.body.ok === true) { | ||
| return; | ||
| } else { | ||
| cy.request({ | ||
| auth: { bearer: adminIdToken }, | ||
| method: 'GET', | ||
| url: `/api/v0/infra/servers/${serverID}/orgs/${orgID}`, | ||
| body: { | ||
| id: orgID, | ||
| server_id: serverID | ||
| } | ||
| }); | ||
| } | ||
| }); | ||
| cy.visit(`/infrastructure/chef-servers/${serverID}/organizations/${orgID}`); | ||
| cy.get('app-welcome-modal').invoke('hide'); | ||
| }); | ||
| cy.restoreStorage(); | ||
| }); | ||
|
|
||
| beforeEach(() => { | ||
| cy.restoreStorage(); | ||
| }); | ||
|
|
||
| afterEach(() => { | ||
| cy.saveStorage(); | ||
| }); | ||
|
|
||
| function getDatabag() { | ||
| return cy.request({ | ||
| auth: { bearer: adminIdToken }, | ||
| failOnStatusCode: false, | ||
| method: 'GET', | ||
| url: `/api/v0/infra/servers/${serverID}/orgs/${orgID}/databags` | ||
| }); | ||
| } | ||
|
|
||
| function checkResponse(response: any) { | ||
| if (response.body.data_bags === 0) { | ||
| cy.get('[data-cy=empty-list]').should('be.visible'); | ||
| } else { | ||
| cy.get('[data-cy=create-databag-button]').contains('Create Data Bag'); | ||
| cy.get('[data-cy=databags-table-container] chef-th').contains('Name'); | ||
| return true; | ||
| } | ||
| } | ||
|
|
||
| describe('infra databags list page', () => { | ||
| it('displays org details', () => { | ||
| cy.get('.page-title').contains(orgName); | ||
| }); | ||
|
|
||
| // databags tabs specs | ||
| it('can switch to databags tab', () => { | ||
| cy.get('.nav-tab').contains('Data Bags').click(); | ||
| }); | ||
|
|
||
| it('can check if databag has list or not', () => { | ||
| getDatabag().then((response) => { | ||
| checkResponse(response); | ||
| }); | ||
| }); | ||
|
|
||
| context('can search and change page in dataBag', () => { | ||
| it('can search a DataBag and check if empty or not', () => { | ||
| cy.get('[data-cy=search-filter]').type(databagName); | ||
| cy.get('[data-cy=search-entity]').click(); | ||
| cy.get('[data-cy=databags-table-container]').then(body => { | ||
| if (body.text().includes(databagName)) { | ||
| cy.get('[data-cy=databags-table-container] [data-cy=select-run-list]') | ||
| .contains(databagName).should('exist'); | ||
| } | ||
| }); | ||
| cy.get('[data-cy=search-filter]').clear(); | ||
| cy.get('[data-cy=search-entity]').click(); | ||
| getDatabag().then((response) => { | ||
| checkResponse(response); | ||
| }); | ||
| }); | ||
| }); | ||
|
|
||
| // In create databag pop-up details tab specs | ||
| context('can create databag with details tab', () => { | ||
| it('can add name and create databag', () => { | ||
| cy.get('[data-cy=create-databag-button]').contains('Create Data Bag').click(); | ||
| cy.get('app-data-bags-list chef-modal').should('exist'); | ||
| cy.get('[data-cy=databag-name]').type(databagName); | ||
|
|
||
| cy.get('[data-cy=add-button]').click(); | ||
| cy.get('app-data-bags-list chef-modal').should('not.be.visible'); | ||
|
|
||
| // verify success notification and then dismiss it | ||
| // so it doesn't get in the way of subsequent interactions | ||
| cy.get('app-notification.info').should('be.visible'); | ||
| cy.get('app-notification.info chef-icon').click(); | ||
| }); | ||
|
|
||
| it('fails to create a databag with a duplicate name', () => { | ||
| cy.get('[data-cy=create-databag-button]').contains('Create Data Bag').click(); | ||
| cy.get('app-data-bags-list chef-modal').should('exist'); | ||
| cy.get('[data-cy=databag-name]').type(databagName); | ||
|
|
||
| cy.get('[data-cy=add-button]').click(); | ||
| cy.get('app-data-bags-list chef-modal chef-error').contains('already exists') | ||
| .should('be.visible'); | ||
|
|
||
| cy.get('[data-cy=cancel-button]').contains('Cancel').should('be.visible').click(); | ||
| cy.get('app-data-bags-list chef-modal').should('not.be.visible'); | ||
| }); | ||
|
|
||
| it('can cancel creating a databag', () => { | ||
| cy.get('[data-cy=create-databag-button]').contains('Create Data Bag').click(); | ||
| cy.get('app-data-bags-list chef-modal').should('exist'); | ||
| cy.get('[data-cy=databag-name]').type(databagName); | ||
|
|
||
| // here we exit with the Cancel button | ||
| cy.get('[data-cy=cancel-button]').contains('Cancel').should('be.visible').click(); | ||
| cy.get('app-data-bags-list chef-modal').should('not.be.visible'); | ||
| }); | ||
|
|
||
| it('can check create databag button is disabled until all inputs are filled in', () => { | ||
| cy.get('[data-cy=create-databag-button]').contains('Create Data Bag').click(); | ||
| cy.get('app-data-bags-list chef-modal').should('exist'); | ||
| cy.get('[data-cy=databag-name]').clear(); | ||
|
|
||
| // check for disabled | ||
| cy.get('[data-cy=add-button]') | ||
| .invoke('attr', 'disabled') | ||
| .then(disabled => { | ||
| disabled ? cy.log('buttonIsDiabled') : cy.get('[data-cy=add-button]').click(); | ||
| }); | ||
|
|
||
| cy.get('app-data-bags-list chef-modal').should('exist'); | ||
|
|
||
| // here we exit with the Cancel button | ||
| cy.get('[data-cy=cancel-button]').contains('Cancel').should('be.visible').click(); | ||
| cy.get('app-data-bags-list chef-modal').should('not.be.visible'); | ||
| }); | ||
| }); | ||
|
|
||
| // delete databag spec | ||
| context('can delete databags', () => { | ||
| it('can delete multiple databags', () => { | ||
| cy.get('[data-cy=search-filter]').type(`${cypressPrefix}-databag-${now}`); | ||
| cy.get('[data-cy=search-entity]').click(); | ||
|
|
||
| cy.get('[data-cy=databags-table-container]').contains(databagName).should('exist'); | ||
| cy.get('app-data-bags-list [data-cy=databags-table-container] chef-td a') | ||
| .contains(databagName).parent().parent().find('.mat-select-trigger').click(); | ||
| // we throw in a `should` so cypress retries until introspection allows | ||
| // menu to be shown | ||
|
|
||
| cy.get('[data-cy=delete]').should('be.visible') | ||
| .click(); | ||
| // accept dialog | ||
| cy.get('app-data-bags-list chef-button').contains('Delete').click(); | ||
| // verify success notification and then dismiss it | ||
| cy.get('app-notification.info') | ||
| .contains(`Successfully deleted data bag - ${databagName}.`); | ||
| cy.get('app-notification.info chef-icon').click(); | ||
|
|
||
| getDatabag().then((response) => { | ||
| checkResponse(response); | ||
| }); | ||
|
|
||
| cy.get('[data-cy=search-filter]').clear(); | ||
| cy.get('[data-cy=search-entity]').click(); | ||
| getDatabag().then((response) => { | ||
| checkResponse(response); | ||
| }); | ||
| }); | ||
| }); | ||
| }); | ||
| }); |