MirrorSave
/
budibase
mirror of https://github.com/Budibase/budibase.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Refactored workflow tests to remove use of variables

This commit is contained in:
Dean 2022-04-21 14:01:25 +01:00
parent 6bd59e7f8f
commit 0d63f5d6be
2 changed files with 59 additions and 55 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
packages/bbui/src/Popover/PopoverMenu.svelte
View File

@ -8,6 +8,7 @@
export let anchor
export let showTip = true
export let direction = "bottom"
export let dataCy = null
let dropdown
let tipSvg =
@ -55,7 +56,7 @@
{@html tipSvg}
{/if}
<div class="popover-container">
<div class="popover-container" data-cy={dataCy}>
<div class="popover-menu-wrap">
<slot />
</div>

109
packages/builder/cypress/integration/appPublishWorkflow.spec.js
View File

@ -11,13 +11,17 @@ filterTests(['all'], () => {
cy.visit(`${Cypress.config().baseUrl}/builder`)
cy.wait(1000)
cy.get(".appTable")
let appStatusEle = cy.get(".app-status").eq(0)
appStatusEle.contains("Unpublished")
appStatusEle.get("svg[aria-label='GlobeStrike']").should("exist")
appStatusEle.get(".app-row-actions .spectrum-Button").contains("Preview")
cy.get(".appTable .app-status").eq(0)
.within(() => {
cy.contains("Unpublished")
cy.get("svg[aria-label='GlobeStrike']").should("exist")
})
appStatusEle.get(".app-row-actions .spectrum-Button").contains("Edit").click({ force: true })
cy.get(".appTable .app-row-actions").eq(0)
.within(() => {
cy.get(".spectrum-Button").contains("Preview")
cy.get(".spectrum-Button").contains("Edit").click({ force: true })
})
cy.get(".app-status-icon svg[aria-label='GlobeStrike']").should("exist")
cy.get(".app-status-icon svg[aria-label='Globe']").should("not.exist")
@ -25,47 +29,46 @@ filterTests(['all'], () => {
it("Should publish an application and correctly reflect that", () => {
//Assuming the previous test was run and the unpublished app is open in edit mode.
cy.get(".toprightnav button.spectrum-Button").contains("Publish").click({ force : true })
let deployModal = cy.get(".spectrum-Modal [data-cy='deploy-app-modal']").should("be.visible")
deployModal.within(() => {
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)
});
let deployModalSuccess = cy.get(".spectrum-Modal [data-cy='deploy-app-success-modal']")
deployModalSuccess.should("be.visible")
deployModalSuccess.within(() => {
cy.get("[data-cy='deployed-app-url'] input").should('have.value', Cypress.config().baseUrl + '/app/cypress-tests')
//Verify that the app url is presented correctly to the user
cy.get(".spectrum-Modal [data-cy='deploy-app-success-modal']")
.should("be.visible")
.within(() => {
let appUrl = Cypress.config().baseUrl + '/app/cypress-tests'
cy.get("[data-cy='deployed-app-url'] input").should('have.value', appUrl)
cy.get(".spectrum-Button").contains("Done").click({ force: true })
});
deployModalSuccess.should("exist")
})
cy.visit(`${Cypress.config().baseUrl}/builder`)
cy.wait(1000)
cy.get(".appTable")
let appStatusEle = cy.get(".app-status").eq(0)
appStatusEle.contains("Published")
appStatusEle.get("svg[aria-label='Globe']").should("exist")
appStatusEle.get(".app-row-actions .spectrum-Button").contains("View app")
cy.get(".appTable .app-status").eq(0)
.within(() => {
cy.contains("Published")
cy.get("svg[aria-label='Globe']").should("exist")
})
appStatusEle.get(".app-row-actions .spectrum-Button").contains("Edit").click({ force: true })
cy.get(".appTable .app-row-actions").eq(0)
.within(() => {
cy.get(".spectrum-Button").contains("View app")
cy.get(".spectrum-Button").contains("Edit").click({ force: true })
})
const publishStatusIcon = cy.get(".app-status-icon svg[aria-label='Globe']").should("exist")
publishStatusIcon.click({ force: true })
const publishingMenu = cy.get("[data-cy='publish-popover-action']")
publishingMenu.should("be.visible")
publishingMenu.get("button[data-cy='publish-popover-action']").should("exist")
publishingMenu.get("button").contains("View App").should("exist")
publishingMenu.get(".publish-popover-message").should("have.text", "Last Published: a few seconds ago")
cy.get(".app-status-icon svg[aria-label='Globe']").should("exist").click({ force: true })
cy.get("[data-cy='publish-popover-menu']").should("be.visible")
.within(() => {
cy.get("[data-cy='publish-popover-action']").should("exist")
cy.get("button").contains("View App").should("exist")
cy.get(".publish-popover-message").should("have.text", "Last Published: a few seconds ago")
})
})
it("Should unpublish an application from the top navigation and reflect the status change", () => {
@ -73,36 +76,36 @@ filterTests(['all'], () => {
cy.visit(`${Cypress.config().baseUrl}/builder`)
cy.get(".appTable")
let appStatusEle = cy.get(".app-status").eq(0)
appStatusEle.contains("Published")
appStatusEle.get("svg[aria-label='Globe']").should("exist")
appStatusEle.get(".app-row-actions .spectrum-Button").contains("View app")
cy.get(".appTable .app-status").eq(0)
.within(() => {
cy.contains("Published")
cy.get("svg[aria-label='Globe']").should("exist")
})
appStatusEle.get(".app-row-actions .spectrum-Button").contains("Edit").click({ force: true })
cy.get(".appTable .app-row-actions").eq(0)
.within(() => {
cy.get(".spectrum-Button").contains("View app")
cy.get(".spectrum-Button").contains("Edit").click({ force: true })
})
//The published status
const publishStatusIcon = cy.get(".app-status-icon svg[aria-label='Globe']").should("exist")
publishStatusIcon.click({ force: true })
cy.get(".app-status-icon svg[aria-label='Globe']").should("exist")
.click({ force: true })
const publishingMenu = cy.get("[data-cy='publish-popover-action']")
publishingMenu.should("be.visible")
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 })
const unpublishButton = publishingMenu.get("button[data-cy='publish-popover-action']")
unpublishButton.should("exist")
unpublishButton.click({ force : true })
const unpublishModal = cy.get("[data-cy='unpublish-modal']")
unpublishModal.should("be.visible")
unpublishModal.get(".confirm-wrap button").click({ force: true })
cy.get("[data-cy='unpublish-modal']").should("be.visible")
.within(() => {
cy.get(".confirm-wrap button").click({ force: true }
)})
cy.get(".app-status-icon svg[aria-label='GlobeStrike']").should("exist")
cy.visit(`${Cypress.config().baseUrl}/builder`)
appStatusEle = cy.get(".appTable")
appStatusEle.get(".app-status").eq(0).contains("Unpublished")
cy.get(".appTable .app-status").eq(0).contains("Unpublished")
})
})