Protei/PromucFlow_constructor
2
0
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity

Feature/edit form widgets

Browse Source
This commit is contained in:
Pushpa B 2020-04-02 04:47:48 +00:00
parent 292aa713f9
commit 0b0365abf7
21 changed files with 220 additions and 84 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
app/client/cypress.json
View File

@ -1,7 +1,7 @@
{
"baseUrl":"http://dev.appsmith.com:3000/",
"defaultCommandTimeout": 5000,
"pageLoadTimeout": 30000,
"defaultCommandTimeout": 10000,
"pageLoadTimeout": 20000,
"reporter": "mochawesome",
"reporterOptions": {

2
app/client/cypress/fixtures/inputdata.json
View File

@ -1,4 +1,4 @@
{
"appname": "Test App",
"appname": "Test app"
}

17
app/client/cypress/integration/CommonWidgets/Button_spec.js
View File

@ -1,17 +0,0 @@
const widgetsPage = require("../../locators/Widgets.json");
const loginPage = require("../../locators/LoginPage.json");
const loginData = require("../../fixtures/user.json");
const commonlocators = require("../../locators/commonlocators.json");
context("Cypress test", function() {
it("Button Widget Functionality", function() {
cy.get(widgetsPage.buttonWidget).click({ force: true });
//Checking the edit props for Button
cy.get(".CodeMirror textarea")
.focus()
.type("{meta}a")
.clear({ force: true })
.type("{{Text4.text}}", { parseSpecialCharSequences: false });
cy.get(commonlocators.editPropCrossButton).click();
});
});

23
app/client/cypress/integration/CommonWidgets/Table_spec.js
View File

@ -1,23 +0,0 @@
const widgetsPage = require("../../locators/Widgets.json");
const loginPage = require("../../locators/LoginPage.json");
const loginData = require("../../fixtures/user.json");
const commonlocators = require("../../locators/commonlocators.json");
context("Cypress test", function() {
it("Table Widget Functionality", function() {
cy.get(widgetsPage.tableWidget)
.first()
.trigger("mouseover", { force: true });
cy.get(widgetsPage.tableWidget)
.children(commonlocators.editicon)
.first()
.click();
cy.get(".CodeMirror textarea")
.first()
.focus()
.type("{meta}a")
.clear({ force: true })
.type("{{MockUsersApi.data}}", { parseSpecialCharSequences: false });
cy.get(commonlocators.editPropCrossButton).click();
});
});

16
app/client/cypress/integration/OnBoarding/Login_spec.js
View File

@ -1,16 +0,0 @@
const loginPage = require("../../locators/LoginPage.json");
const homePage = require("../../locators/HomePage.json");
const commonlocators = require("../../locators/commonlocators.json");
const widgetsPage = require("../../locators/Widgets.json");
context("Cypress test", function() {
it("Login functionality", function() {
cy.get(widgetsPage.buttonWidget).click({ force: true });
cy.get(".CodeMirror textarea")
.focus()
.type("{meta}a")
.clear({ force: true })
.type("Test", { force: true });
cy.get(commonlocators.editPropCrossButton).click();
});
});

21
app/client/cypress/integration/Smoke_TestSuite/CommonWidgets/Button_spec.js Normal file
View File

@ -0,0 +1,21 @@
const widgetsPage = require("../../../locators/Widgets.json");
const commonlocators = require("../../../locators/commonlocators.json");
context("Cypress test", function() {
it("Button Widget Functionality", function() {
cy.NavigateToCommonWidgets();
cy.get(".t--nav-link-widgets-editor").click();
cy.get(widgetsPage.buttonWidget).click({ force: true });
//Checking the edit props for Button
cy.get(".CodeMirror textarea")
.focus()
.type("{ctrl}{shift}{downarrow}")
.clear({ force: true })
.should("be.empty")
.type("Test Button Text");
cy.get(".CodeMirror textarea")
.first()
.should("have.value", "Test Button Text");
cy.get(commonlocators.editPropCrossButton).click();
});
});

10
app/client/cypress/integration/CommonWidgets/Container_spec.js → app/client/cypress/integration/Smoke_TestSuite/CommonWidgets/Container_spec.js
View File

@ -1,10 +1,9 @@
const widgetsPage = require("../../locators/Widgets.json");
const loginPage = require("../../locators/LoginPage.json");
const loginData = require("../../fixtures/user.json");
const commonlocators = require("../../locators/commonlocators.json");
const widgetsPage = require("../../../locators/Widgets.json");
const commonlocators = require("../../../locators/commonlocators.json");
context("Cypress test", function() {
it("Container Widget Functionality", function() {
cy.NavigateToCommonWidgets();
cy.get(widgetsPage.containerWidget)
.first()
.trigger("mouseover", { force: true });
@ -15,8 +14,9 @@ context("Cypress test", function() {
//Checking the edit props for container and also the properties of container
cy.get(".CodeMirror textarea")
.focus()
.type("{meta}a")
.type("{ctrl}{shift}{downarrow}")
.clear({ force: true })
.should("be.empty")
.type("#C0C0C0");
cy.get(".CodeMirror textarea").should("have.value", "#C0C0C0");
cy.get(commonlocators.editPropCrossButton).click();

12
app/client/cypress/integration/CommonWidgets/Input_spec.js → app/client/cypress/integration/Smoke_TestSuite/CommonWidgets/Input_spec.js
View File

@ -1,23 +1,23 @@
const widgetsPage = require("../../locators/Widgets.json");
const loginPage = require("../../locators/LoginPage.json");
const loginData = require("../../fixtures/user.json");
const commonlocators = require("../../locators/commonlocators.json");
const widgetsPage = require("../../../locators/Widgets.json");
const commonlocators = require("../../../locators/commonlocators.json");
context("Cypress test", function() {
it("Input Widget Functionality", function() {
cy.NavigateToCommonWidgets();
cy.get(widgetsPage.inputWidget)
.first()
.trigger("mouseover");
cy.get(widgetsPage.inputWidget)
.children(commonlocators.editicon)
.get(commonlocators.editIcon)
.first()
.click();
//Checking the edit props for container and also the properties of container
cy.get(".CodeMirror textarea")
.first()
.focus()
.type("{meta}a")
.type("{ctrl}{shift}{downarrow}")
.clear({ force: true })
.should("be.empty")
.type("Test Input Label");
cy.get(".CodeMirror textarea")
.first()

33
app/client/cypress/integration/Smoke_TestSuite/CommonWidgets/Table_spec.js Normal file
View File

@ -0,0 +1,33 @@
const widgetsPage = require("../../../locators/Widgets.json");
const commonlocators = require("../../../locators/commonlocators.json");
context("Cypress test", function() {
it("Table Widget Functionality", function() {
cy.NavigateToCommonWidgets();
cy.get(widgetsPage.tableWidget)
.first()
.trigger("mouseover", { force: true });
cy.get(widgetsPage.tableWidget)
.children(commonlocators.editicon)
.first()
.click();
//Checking the edit props for Table Widget and also the properties of Table widget
cy.get(".CodeMirror textarea")
.first()
.focus()
.type("{ctrl}{shift}{downarrow}")
.should("be.empty")
.clear({ force: true })
.should("be.empty")
.type("{{UsersApi.data}}", {
parseSpecialCharSequences: false,
});
cy.xpath(widgetsPage.dropdown)
.click({ force: true })
.get("ul.bp3-menu")
.children()
.eq(3)
.click();
cy.get(commonlocators.editPropCrossButton).click();
});
});

13
app/client/cypress/integration/CommonWidgets/Text_spec.js → app/client/cypress/integration/Smoke_TestSuite/CommonWidgets/Text_spec.js
View File

@ -1,10 +1,9 @@
const widgetsPage = require("../../locators/Widgets.json");
const loginPage = require("../../locators/LoginPage.json");
const loginData = require("../../fixtures/user.json");
const commonlocators = require("../../locators/commonlocators.json");
const widgetsPage = require("../../../locators/Widgets.json");
const commonlocators = require("../../../locators/commonlocators.json");
context("Cypress test", function() {
it("Text Widget Functionality", function() {
cy.NavigateToCommonWidgets();
cy.get(widgetsPage.textWidget)
.first()
.trigger("mouseover");
@ -15,9 +14,13 @@ context("Cypress test", function() {
cy.get(".CodeMirror textarea")
.first()
.focus()
.type("{meta}a")
.type("{ctrl}{shift}{downarrow}")
.clear({ force: true })
.should("be.empty")
.type("Test text");
cy.get(".CodeMirror textarea")
.first()
.should("have.value", "Test text");
cy.get(commonlocators.editPropCrossButton).click();
});
});

27
app/client/cypress/integration/Smoke_TestSuite/FormWidgets/CheckBox_spec.js Normal file
View File

@ -0,0 +1,27 @@
const commonlocators = require("../../../locators/commonlocators.json");
const formWidgetsPage = require("../../../locators/FormWidgets.json");
context("Cypress test", function() {
it("Checkbox Widget Functionality", function() {
cy.NavigateToFormWidgets();
cy.get(formWidgetsPage.checkboxWidget)
.first()
.trigger("mouseover");
cy.get(formWidgetsPage.checkboxWidget)
.children(commonlocators.editicon)
.first()
.click({ force: true });
//Checking the edit props for Checkbox and also the properties of Checkbox widget
cy.get(".CodeMirror textarea")
.first()
.focus()
.type("{ctrl}{shift}{downarrow}")
.should("be.empty")
.clear({ force: true })
.type("Test Input Label");
cy.get(".CodeMirror textarea")
.first()
.should("have.value", "Test Input Label");
cy.get(commonlocators.editPropCrossButton).click();
});
});

37
app/client/cypress/integration/Smoke_TestSuite/FormWidgets/Dropdown_spec.js Normal file
View File

@ -0,0 +1,37 @@
const commonlocators = require("../../../locators/commonlocators.json");
const formWidgetsPage = require("../../../locators/FormWidgets.json");
context("Cypress test", function() {
it("Dropdown Widget Functionality", function() {
cy.NavigateToFormWidgets();
cy.get(formWidgetsPage.dropdownWidget)
.first()
.trigger("mouseover");
cy.get(formWidgetsPage.dropdownWidget)
.children(commonlocators.editicon)
.first()
.click({ force: true });
//Checking the edit props for Checkbox and also the properties of Checkbox widget
cy.get(".CodeMirror textarea")
.first()
.focus()
.type("{ctrl}{shift}{downarrow}")
.clear({ force: true })
.should("be.empty")
.type("Test Dropdown");
cy.get(".CodeMirror textarea")
.first()
.should("have.value", "Test Dropdown");
cy.xpath(formWidgetsPage.dropdownSelectionType)
.click({ force: true })
.get("ul.bp3-menu")
.children()
.eq(1)
.click();
cy.xpath(formWidgetsPage.dropdownSelectionType)
.find("> span")
.eq(0)
.should("have.text", "Multi Select");
cy.get(commonlocators.editPropCrossButton).click();
});
});

33
app/client/cypress/integration/Smoke_TestSuite/FormWidgets/Radio_spec.js Normal file
View File

@ -0,0 +1,33 @@
const commonlocators = require("../../../locators/commonlocators.json");
const formWidgetsPage = require("../../../locators/FormWidgets.json");
context("Cypress test", function() {
it("Radio Widget Functionality", function() {
cy.NavigateToFormWidgets();
cy.get(formWidgetsPage.radioWidget)
.first()
.trigger("mouseover");
cy.get(formWidgetsPage.radioWidget)
.children(commonlocators.editicon)
.first()
.click({ force: true });
//Checking the edit props for Radio Widget and also the properties of Radio widget
cy.get(".CodeMirror textarea")
.first()
.focus()
.type("{ctrl}{shift}{downarrow}")
.clear({ force: true })
.should("be.empty")
.type("Test Radio");
cy.get(".CodeMirror textarea")
.first()
.should("have.value", "Test Radio");
cy.xpath(formWidgetsPage.radioOnSelectionChangeDropdown)
.click({ force: true })
.get("ul.bp3-menu")
.children()
.eq(3)
.click();
cy.get(commonlocators.editPropCrossButton).click();
});
});

9
app/client/cypress/locators/FormWidgets.json Normal file
View File

@ -0,0 +1,9 @@
{
"checkboxWidget": ".t--draggable-checkboxwidget",
"dropdownWidget": ".t--draggable-dropdownwidget",
"dropdownSelectionType": "/html/body/div[2]/div/div[3]/div[2]/div[2]/div[2]/span/span/div/button",
"radioWidget": ".t--draggable-radiogroupwidget",
"radioOnSelectionChangeDropdown": "/html/body/div[2]/div/div[4]/div[2]/div/div[2]/span/span/button"
}

7
app/client/cypress/locators/Pages.json Normal file
View File

@ -0,0 +1,7 @@
{
"pagesIcon": ".t--nav-link-manage-pages",
"commonWidgets": "//*[@id='root']/div[2]/div/div[1]/div[2]/div[1]",
"formWidgets": "//*[@id='root']/div[2]/div/div[1]/div[2]/div[2]/div/div[2]/div/span",
"widgetsEditor": ".t--nav-link-widgets-editor"
}

4
app/client/cypress/locators/Widgets.json
View File

@ -7,7 +7,7 @@
"inputdatatypeplaceholder":".t--property-control-placeholder",
"buttonWidget":".t--draggable-buttonwidget",
"textWidget":".t--draggable-textwidget",
"tableWidget":".t--draggable-tablewidget"
"tableWidget":".t--draggable-tablewidget",
"dropdown":"/html/body/div[3]/div/div[4]/div[2]/div[2]/div[2]/span/span/button"
}

24
app/client/cypress/support/commands.js
View File

@ -1,5 +1,6 @@
const loginPage = require("../locators/LoginPage.json");
const homePage = require("../locators/HomePage.json");
const pages = require("../locators/Pages.json");
Cypress.Commands.add("LogintoApp", (uname, pword) => {
cy.visit("/");
@ -8,18 +9,35 @@ Cypress.Commands.add("LogintoApp", (uname, pword) => {
cy.get(loginPage.password).type(pword);
cy.get(loginPage.submitBtn).click();
});
Cypress.Commands.add("SearchApp", appname => {
cy.get(homePage.searchInput).type(appname);
cy.wait(1000);
// cy.get(homePage.appEditIcon).should("have.length", 1);
cy.get(homePage.appEditIcon).should("be.visible");
cy.wait(2000);
cy.get(homePage.appEditIcon)
.first()
.click();
cy.get("#loading").should("not.exist");
});
Cypress.Commands.add("NavigateToCommonWidgets", () => {
cy.get(pages.pagesIcon).click({ force: true });
cy.xpath(pages.commonWidgets).click();
cy.get("#loading").should("not.exist");
cy.get(pages.widgetsEditor).click();
cy.get("#loading").should("not.exist");
});
Cypress.Commands.add("NavigateToFormWidgets", () => {
cy.get(pages.pagesIcon).click({ force: true });
cy.xpath(pages.formWidgets).click({ force: true });
cy.get("#loading").should("not.exist");
cy.get(pages.widgetsEditor).click();
cy.get("#loading").should("not.exist");
});
Cypress.Commands.add("PublishtheApp", () => {
cy.wait(4000);
cy.xpath("//div[@id='root']").contains("All changes saved");
cy.get(homePage.publishButton).click();
cy.window().then(win => {
cy.get(homePage.publishCrossButton).click();

4
app/client/cypress/support/index.js
View File

@ -12,7 +12,7 @@
// You can read more here:
// https://on.cypress.io/configuration
// ***********************************************************
require("cypress-xpath");
const loginData = require("../fixtures/user.json");
const inputData = require("../fixtures/inputdata.json");
@ -27,8 +27,6 @@ beforeEach(function() {
Cypress.Cookies.preserveOnce("session_id", "remember_token");
});
// Alternatively you can use CommonJS syntax:
// require('./commands')
after(function() {
cy.PublishtheApp();
});

2
app/client/cypress/test.sh
View File

@ -1 +1 @@
$(npm bin)/cypress run CYPRESS_BASE_URL='http://dev.appsmith.com:3000/' --spec "cypress/integration/*/*"
$(npm bin)/cypress run CYPRESS_BASE_URL='http://dev.appsmith.com:3000/' --spec "cypress/integration/Smoke_TestSuite/*/*"

1
app/client/package.json
View File

@ -141,6 +141,7 @@
"babel-loader": "^8.0.6",
"cypress": "^4.1.0",
"cypress-multi-reporters": "^1.2.4",
"cypress-xpath": "^1.4.0",
"dotenv": "^8.1.0",
"eslint": "^6.4.0",
"eslint-config-prettier": "^6.1.0",

5
app/client/yarn.lock
View File

@ -4992,6 +4992,11 @@ cypress-multi-reporters@^1.2.4:
debug "^4.1.1"
lodash "^4.17.11"
cypress-xpath@^1.4.0:
version "1.4.0"
resolved "https://registry.yarnpkg.com/cypress-xpath/-/cypress-xpath-1.4.0.tgz#0a7d1a8c59c263f01060d1d04a69f1b0337b06ff"
integrity sha512-rRSp3n48rycYkbUJc/n5uxcCUWwhdqufcw7SwkJS/R69NNC3tibCdPw46QuYk1V0KT/X/AY9p7VLIXWzNnm1TA==
cypress@^4.1.0:
version "4.1.0"
resolved "https://registry.yarnpkg.com/cypress/-/cypress-4.1.0.tgz#295f115d2e8a08fff2760ab49d94d876f5877aee"