// *********************************************** // For more comprehensive examples of custom // commands please read more here: // https://on.cypress.io/custom-commands // *********************************************** // Cypress.on("uncaught:exception", () => { return false }) Cypress.Commands.add("login", () => { cy.visit(`localhost:${Cypress.env("PORT")}/builder`) cy.wait(2000) cy.url().then(url => { if (url.includes("builder/admin")) { // create admin user cy.get("input").first().type("test@test.com") cy.get('input[type="password"]').first().type("test") cy.get('input[type="password"]').eq(1).type("test") cy.contains("Create super admin user").click() } if (url.includes("builder/auth/login") || url.includes("builder/admin")) { // login cy.contains("Sign in to Budibase").then(() => { cy.get("input").first().type("test@test.com") cy.get('input[type="password"]').type("test") cy.get("button").first().click() cy.wait(1000) }) } }) }) Cypress.Commands.add("createApp", name => { cy.visit(`localhost:${Cypress.env("PORT")}/builder`) cy.wait(500) cy.request(`localhost:${Cypress.env("PORT")}/api/applications?status=all`) .its("body") .then(body => { if (body.length > 0) { cy.get(".spectrum-Button").contains("Create app").click({ force: true }) } }) cy.contains(/Start from scratch/).dblclick() cy.get(".spectrum-Modal").within(() => { cy.get("input").eq(0).type(name).should("have.value", name).blur() cy.get(".spectrum-ButtonGroup").contains("Create app").click() cy.wait(5000) }) cy.createTable("Cypress Tests", true) }) Cypress.Commands.add("deleteApp", name => { cy.visit(`localhost:${Cypress.env("PORT")}/builder`) cy.wait(2000) cy.request(`localhost:${Cypress.env("PORT")}/api/applications?status=all`) .its("body") .then(val => { if (val.length > 0) { cy.searchForApplication(name) cy.get(".appGrid") .children() .within(() => { cy.get(".title") .children() .within(() => { cy.get(".spectrum-Icon").click() }) }) cy.get(".spectrum-Menu").contains("Delete").click() cy.get(".spectrum-Dialog-grid").within(() => { cy.get("input").type(name) }) cy.get(".spectrum-Button--warning").click() } else { return } }) }) Cypress.Commands.add("deleteAllApps", () => { cy.visit(`localhost:${Cypress.env("PORT")}/builder`) cy.wait(500) cy.request(`localhost:${Cypress.env("PORT")}/api/applications?status=all`) .its("body") .then(val => { for (let i = 0; i < val.length; i++) { cy.get(".spectrum-Heading") .eq(1) .then(app => { const name = app.text() cy.get(".title") .children() .within(() => { cy.get(".spectrum-Icon").eq(0).click() }) cy.get(".spectrum-Menu").contains("Delete").click() cy.get(".spectrum-Dialog-grid").within(() => { cy.get("input").type(name) cy.get(".spectrum-Button--warning").click() }) cy.reload() }) } }) }) Cypress.Commands.add("createTestApp", () => { const appName = "Cypress Tests" cy.deleteApp(appName) cy.createApp(appName, "This app is used for Cypress testing.") }) Cypress.Commands.add("createTestTableWithData", () => { cy.createTable("dog") cy.addColumn("dog", "name", "Text") cy.addColumn("dog", "age", "Number") }) Cypress.Commands.add("createTable", (tableName, initialTable) => { if (!initialTable) { cy.get(".add-button").click() } cy.wait(7000) cy.get(".spectrum-Modal") .contains("Budibase DB") .click() .then(() => { cy.get(".spectrum-Button").contains("Continue").click({ force: true }) }) cy.get(".spectrum-Modal").within(() => { cy.wait(1000) cy.get("input").first().type(tableName).blur() cy.get(".spectrum-ButtonGroup").contains("Create").click() }) cy.contains(tableName).should("be.visible") }) Cypress.Commands.add( "addColumn", (tableName, columnName, type, multiOptions = null) => { // Select Table cy.selectTable(tableName) cy.contains(".nav-item", tableName).click() cy.contains("Create column").click() // Configure column cy.get(".spectrum-Modal").within(() => { cy.get("input").first().type(columnName).blur() // Unset table display column cy.contains("display column").click({ force: true }) cy.get(".spectrum-Picker-label").click() cy.contains(type).click() // Add options for Multi-select Type if (multiOptions !== null) { cy.get(".spectrum-Textfield-input").eq(1).type(multiOptions) } cy.contains("Save Column").click() }) } ) Cypress.Commands.add("addRow", values => { cy.contains("Create row").click() cy.get(".spectrum-Modal").within(() => { for (let i = 0; i < values.length; i++) { cy.get("input").eq(i).type(values[i]).blur() } cy.get(".spectrum-ButtonGroup").contains("Create").click() }) }) Cypress.Commands.add("addRowMultiValue", values => { cy.contains("Create row").click() cy.get(".spectrum-Form-itemField") .click() .then(() => { cy.get(".spectrum-Popover").within(() => { for (let i = 0; i < values.length; i++) { cy.get(".spectrum-Menu-item").eq(i).click() } }) cy.get(".spectrum-Dialog-grid").click("top") cy.get(".spectrum-ButtonGroup").contains("Create").click() }) }) Cypress.Commands.add("createUser", email => { // quick hacky recorded way to create a user cy.contains("Users").click() cy.get(".spectrum-Button--primary").click() cy.get(".spectrum-Picker-label").click() cy.get(".spectrum-Menu-item:nth-child(2) > .spectrum-Menu-itemLabel").click() cy.get( ":nth-child(2) > .spectrum-Form-itemField > .spectrum-Textfield > .spectrum-Textfield-input" ) .first() .type(email, { force: true }) cy.get(".spectrum-Button--cta").click({ force: true }) }) Cypress.Commands.add("addComponent", (category, component) => { if (category) { cy.get(`[data-cy="category-${category}"]`).click() } if (component) { cy.get(`[data-cy="component-${component}"]`).click() } cy.wait(1000) cy.location().then(loc => { const params = loc.pathname.split("/") const componentId = params[params.length - 1] cy.getComponent(componentId).should("exist") return cy.wrap(componentId) }) }) Cypress.Commands.add("getComponent", componentId => { return cy .get("iframe") .its("0.contentDocument") .should("exist") .its("body") .should("not.be.null") .then(cy.wrap) .find(`[data-id=${componentId}]`) }) Cypress.Commands.add("navigateToFrontend", () => { // Clicks on Design tab and then the Home nav item cy.wait(1000) cy.contains("Design").click() cy.get(".spectrum-Search").type("/") cy.get(".nav-item").contains("Home").click() }) Cypress.Commands.add("navigateToDataSection", () => { // Clicks on the Data tab cy.wait(500) cy.contains("Data").click() }) Cypress.Commands.add("createScreen", (screenName, route) => { cy.get("[aria-label=AddCircle]").click() cy.get(".spectrum-Modal").within(() => { cy.get("input").first().type(screenName) cy.get("input").eq(1).type(route) cy.get(".spectrum-Button--cta").click() }) }) Cypress.Commands.add("expandBudibaseConnection", () => { if (Cypress.$(".nav-item > .content > .opened").length === 0) { // expand the Budibase DB connection string cy.get(".icon.arrow").eq(0).click() } }) Cypress.Commands.add("selectTable", tableName => { cy.expandBudibaseConnection() cy.contains(".nav-item", tableName).click() }) Cypress.Commands.add("addCustomSourceOptions", totalOptions => { cy.get(".spectrum-ActionButton") .contains("Define Options") .click() .then(() => { for (let i = 0; i < totalOptions; i++) { // Add radio button options cy.get(".spectrum-Button") .contains("Add Option") .click({ force: true }) .then(() => { cy.wait(500) cy.get("[placeholder='Label']").eq(i).type(i) cy.get("[placeholder='Value']").eq(i).type(i) }) } // Save options cy.get(".spectrum-Button").contains("Save").click({ force: true }) }) }) Cypress.Commands.add("searchForApplication", appName => { cy.wait(1000) // Searches for the app cy.get(".filter").then(() => { cy.get(".spectrum-Textfield").within(() => { cy.get("input").eq(0).type(appName) }) }) // Confirms app exists after search cy.get(".appGrid").contains(appName) }) Cypress.Commands.add("selectExternalDatasource", datasourceName => { // Navigates to Data Section cy.navigateToDataSection() // Open Data Source modal cy.get(".nav").within(() => { cy.get(".add-button").click() }) // Clicks specified datasource & continue cy.get(".item-list").contains(datasourceName).click() cy.get(".spectrum-Dialog-grid").within(() => { cy.get(".spectrum-Button").contains("Continue").click({ force: true }) }) }) Cypress.Commands.add("addSqlDatasourceConfig", (sqlType, noFetch) => { // addExternalDatasource should be called prior to this // Adds the config for specified SQL datasource & fetches tables // Host IP Address cy.wait(500) cy.get(".spectrum-Dialog-grid").within(() => { cy.get(".form-row") .contains("Host") .parent() .children() .within(() => { cy.get(".spectrum-Textfield").within(() => { cy.get("input").clear().type("3.251.63.170") }) }) }) // Database Name cy.get(".spectrum-Dialog-grid").within(() => { cy.get(".form-row") .contains("Database") .parent() .children() .within(() => { cy.get(".spectrum-Textfield").within(() => { if (sqlType == "PostgreSQL") { cy.get("input").clear().type("test") } if (sqlType == "MySQL") { cy.get("input").clear().type("mysql") } }) }) }) // User cy.get(".spectrum-Dialog-grid").within(() => { cy.get(".form-row") .contains("User") .parent() .children() .within(() => { cy.get(".spectrum-Textfield").within(() => { if (sqlType == "PostgreSQL") { cy.get("input").clear().type("admin") } if (sqlType == "MySQL") { cy.get("input").clear().type("root") } }) }) }) // Password cy.get(".spectrum-Dialog-grid").within(() => { cy.get(".form-row") .contains("Password") .parent() .children() .within(() => { cy.get(".spectrum-Textfield").within(() => { if (sqlType == "PostgreSQL") { cy.get("input").clear().type("8cb2b6f4-4b33-4e86-b790-74eee608a4e9") } if (sqlType == "MySQL") { cy.get("input").clear().type("abdc321d-4d21-4fc7-8d20-f40ab9fe6db0") } }) }) }) // Click to fetch tables if (!noFetch) { cy.get(".spectrum-Dialog-grid").within(() => { cy.get(".spectrum-Button") .contains("Fetch tables from database") .click({ force: true }) cy.wait(1000) }) } }) Cypress.Commands.add("addRestDatasourceConfig", restUrl => { // addExternalDatasource should be called prior to this // Configures REST datasource cy.get(".spectrum-Dialog-grid").within(() => { cy.get(".spectrum-Textfield").within(() => { cy.get("input").clear().type(restUrl) }) }) // Click Save and continue to query cy.get(".spectrum-Dialog-grid").within(() => { cy.get(".spectrum-Button") .contains("Save and continue to query") .click({ force: true }) cy.wait(500) }) })