216 lines
6.9 KiB
JavaScript
216 lines
6.9 KiB
JavaScript
|
import filterTests from "../support/filterTests"
|
||
|
|
|
||
|
|
filterTests(['all'], () => {
|
||
|
|
context("Application Overview screen", () => {
|
||
|
|
before(() => {
|
||
|
|
cy.login()
|
||
|
|
cy.createTestApp()
|
||
|
|
})
|
||
|
|
|
||
|
|
/*
|
||
|
|
The ability to switch accounts will deffo be necessary
|
||
|
|
|
||
|
|
x APP Screen
|
||
|
|
Click on app name
|
||
|
|
Click on edit
|
||
|
|
|
||
|
|
x Edit Icon Functionality
|
||
|
|
|
||
|
|
Lock button display and behaviour
|
||
|
|
|
||
|
|
Edit button status and behaviour
|
||
|
|
|
||
|
|
** To ratifying alot of this stuff will require the app itself
|
||
|
|
cy.visit(`${Cypress.config().baseUrl}/builder`)
|
||
|
|
cy.wait(2000)
|
||
|
|
cy.request(`${Cypress.config().baseUrl}/api/applications?status=all`)
|
||
|
|
.its("body")
|
||
|
|
.then(val => {
|
||
|
|
const findAppName = val.some(val => val.name == name)
|
||
|
|
if (findAppName) {
|
||
|
|
|
||
|
|
Publish Card
|
||
|
|
x Never published
|
||
|
|
Unpublished
|
||
|
|
Should show the last valid publish date
|
||
|
|
x Published
|
||
|
|
Should show the valid publish date
|
||
|
|
Edit Card
|
||
|
|
D or DH or the first letter of their email.
|
||
|
|
Timestamp vaguely matches.
|
||
|
|
Version Card
|
||
|
|
How to get use cases? Available/Unavailable?
|
||
|
|
|
||
|
|
Settings Tab
|
||
|
|
Edit Url
|
||
|
|
Edit Name
|
||
|
|
|
||
|
|
Versioning?
|
||
|
|
|
||
|
|
Tab behaviour
|
||
|
|
Click all 3 main tabs.
|
||
|
|
Check positioning.
|
||
|
|
Dashcard behaviour. Concentrate on the App version
|
||
|
|
Header behaviour on click
|
||
|
|
Quick link behaviour
|
||
|
|
|
||
|
|
Locking behaviour
|
||
|
|
Button contents, D or DH or the first letter of their email.
|
||
|
|
Locked by you
|
||
|
|
Locked by someone else
|
||
|
|
|
||
|
|
Timeout check. Apps > edit > back > app title
|
||
|
|
"This lock will expire in 10 minutes from now"
|
||
|
|
*/
|
||
|
|
|
||
|
|
it("Should be accessible from the applications list", () => {
|
||
|
|
cy.visit(`${Cypress.config().baseUrl}/builder`)
|
||
|
|
|
||
|
|
// Reusable command? toAppOverview
|
||
|
|
cy.get(".appTable .title").eq(0)
|
||
|
|
.invoke('attr', 'data-cy')
|
||
|
|
.then(($dataCy) => {
|
||
|
|
const dataCy = $dataCy;
|
||
|
|
cy.get(".appTable .name").eq(0).click()
|
||
|
|
|
||
|
|
cy.location().should((loc) => {
|
||
|
|
expect(loc.pathname).to.eq('/builder/portal/overview/' + dataCy)
|
||
|
|
})
|
||
|
|
})
|
||
|
|
|
||
|
|
cy.visit(`${Cypress.config().baseUrl}/builder`)
|
||
|
|
|
||
|
|
cy.get(".appTable .title").eq(0)
|
||
|
|
.invoke('attr', 'data-cy')
|
||
|
|
.then(($dataCy) => {
|
||
|
|
const dataCy = $dataCy;
|
||
|
|
cy.get(".appTable .app-row-actions button").contains("View").click({force: true})
|
||
|
|
|
||
|
|
cy.location().should((loc) => {
|
||
|
|
expect(loc.pathname).to.eq('/builder/portal/overview/' + dataCy)
|
||
|
|
})
|
||
|
|
})
|
||
|
|
|
||
|
|
})
|
||
|
|
|
||
|
|
// Find a more suitable place for this.
|
||
|
|
it("Should allow unlocking in the app list", () => {
|
||
|
|
cy.visit(`${Cypress.config().baseUrl}/builder`)
|
||
|
|
|
||
|
|
cy.get(".appTable .lock-status").eq(0).contains("Locked by you").click()
|
||
|
|
|
||
|
|
cy.unlockApp({ owned : true })
|
||
|
|
|
||
|
|
cy.get(".appTable").should("exist")
|
||
|
|
cy.get(".lock-status").should('not.be.visible')
|
||
|
|
})
|
||
|
|
|
||
|
|
it("Should allow unlocking in the app overview screen", () => {
|
||
|
|
cy.visit(`${Cypress.config().baseUrl}/builder`)
|
||
|
|
|
||
|
|
cy.get(".appTable .app-row-actions button").contains("Edit").eq(0).click({force: true})
|
||
|
|
cy.wait(1000)
|
||
|
|
cy.visit(`${Cypress.config().baseUrl}/builder`)
|
||
|
|
|
||
|
|
cy.get(".appTable .name").eq(0).click()
|
||
|
|
|
||
|
|
cy.get(".lock-status").eq(0).contains("Locked by you").click()
|
||
|
|
|
||
|
|
cy.unlockApp({ owned : true })
|
||
|
|
|
||
|
|
cy.get(".lock-status").should("not.be.visible")
|
||
|
|
})
|
||
|
|
|
||
|
|
it("Should reflect the deploy state of an app that hasn't been published.", () => {
|
||
|
|
cy.visit(`${Cypress.config().baseUrl}/builder`)
|
||
|
|
|
||
|
|
cy.get(".appTable .name").eq(0).click()
|
||
|
|
|
||
|
|
cy.get(".header-right button.spectrum-Button[data-cy='view-app']").should("be.disabled")
|
||
|
|
|
||
|
|
cy.get(".spectrum-Tabs-item.is-selected").contains("Overview")
|
||
|
|
cy.get(".overview-tab").should("be.visible")
|
||
|
|
|
||
|
|
cy.get(".overview-tab [data-cy='app-status']").within(() => {
|
||
|
|
cy.get(".status-display").contains("Unpublished")
|
||
|
|
cy.get(".status-display .icon svg[aria-label='GlobeStrike']").should("exist")
|
||
|
|
cy.get(".status-text").contains("-")
|
||
|
|
})
|
||
|
|
})
|
||
|
|
|
||
|
|
it("Should reflect the app deployment state", () => {
|
||
|
|
cy.visit(`${Cypress.config().baseUrl}/builder`)
|
||
|
|
cy.get(".appTable .app-row-actions button").contains("Edit").eq(0).click({force: true})
|
||
|
|
|
||
|
|
cy.get(".toprightnav button.spectrum-Button").contains("Publish").click({ force : true })
|
||
|
|
cy.get(".spectrum-Modal [data-cy='deploy-app-modal']").should("be.visible")
|
||
|
|
.within(() => {
|
||
|
|
cy.get(".spectrum-Button").contains("Publish").click({ force : true })
|
||
|
|
cy.wait(1000)
|
||
|
|
});
|
||
|
|
|
||
|
|
cy.visit(`${Cypress.config().baseUrl}/builder`)
|
||
|
|
cy.get(".appTable .name").eq(0).click()
|
||
|
|
|
||
|
|
cy.get(".header-right button.spectrum-Button[data-cy='view-app']").should("not.be.disabled")
|
||
|
|
|
||
|
|
cy.get(".overview-tab [data-cy='app-status']").within(() => {
|
||
|
|
cy.get(".status-display").contains("Published")
|
||
|
|
cy.get(".status-display .icon svg[aria-label='GlobeCheck']").should("exist")
|
||
|
|
cy.get(".status-text").contains("Last published a few seconds ago")
|
||
|
|
})
|
||
|
|
})
|
||
|
|
|
||
|
|
it("Should reflect an application that has been unpublished", () => {
|
||
|
|
cy.visit(`${Cypress.config().baseUrl}/builder`)
|
||
|
|
cy.get(".appTable .app-row-actions button").contains("Edit").eq(0).click({force: true})
|
||
|
|
|
||
|
|
cy.get(".deployment-top-nav svg[aria-label='Globe']")
|
||
|
|
.click({ force: true })
|
||
|
|
|
||
|
|
cy.get("[data-cy='publish-popover-menu']").should("be.visible")
|
||
|
|
cy.get("[data-cy='publish-popover-menu'] [data-cy='publish-popover-action']")
|
||
|
|
.click({ force : true })
|
||
|
|
|
||
|
|
cy.get("[data-cy='unpublish-modal']").should("be.visible")
|
||
|
|
.within(() => {
|
||
|
|
cy.get(".confirm-wrap button").click({ force: true }
|
||
|
|
)})
|
||
|
|
cy.wait(1000)
|
||
|
|
|
||
|
|
cy.visit(`${Cypress.config().baseUrl}/builder`)
|
||
|
|
cy.get(".appTable .name").eq(0).click()
|
||
|
|
|
||
|
|
cy.get(".overview-tab [data-cy='app-status']").within(() => {
|
||
|
|
cy.get(".status-display").contains("Unpublished")
|
||
|
|
cy.get(".status-display .icon svg[aria-label='GlobeStrike']").should("exist")
|
||
|
|
cy.get(".status-text").contains("Last published a few seconds ago")
|
||
|
|
})
|
||
|
|
})
|
||
|
|
|
||
|
|
it("Should allow the editing of the application icon", () => {
|
||
|
|
cy.visit(`${Cypress.config().baseUrl}/builder`)
|
||
|
|
|
||
|
|
cy.get(".appTable .name").eq(0).click()
|
||
|
|
|
||
|
|
cy.get(".app-logo .edit-hover").should("exist").invoke("show").click()
|
||
|
|
|
||
|
|
cy.customiseAppIcon()
|
||
|
|
|
||
|
|
cy.get(".app-logo")
|
||
|
|
.within(() => {
|
||
|
|
cy.get('[aria-label]').eq(0).children()
|
||
|
|
.should('have.attr', 'xlink:href').and('not.contain', '#spectrum-icon-18-Apps')
|
||
|
|
cy.get(".app-icon")
|
||
|
|
.should('have.attr', 'style').and('contains', 'color')
|
||
|
|
})
|
||
|
|
})
|
||
|
|
|
||
|
|
it("Should log out.", () => {
|
||
|
|
//You
|
||
|
|
//Last edited a few seconds ago.
|
||
|
|
cy.logOut();
|
||
|
|
})
|
||
|
|
})
|
||
|
|
})
|