PromucFlow_constructor/app/client/cypress/e2e/GSheet/Misc_Spec.ts
Aishwarya-U-R 6e591f612e
test: Cypress | GSheet test fixes for HomePage revamp changes (#30697)
## Description
- This PR fixes the Ghseet tests failing in CI due to Homepage revamp
changes

#### Type of change
- Script fix (non-breaking change which fixes an issue)

## Testing
#### How Has This Been Tested?
- [X] Cypress CI runs

## Checklist:
#### QA activity:
- [X] Added `Test Plan Approved` label after Cypress tests were reviewed

<!-- This is an auto-generated comment: release notes by coderabbit.ai
-->
## Summary by CodeRabbit

- **New Features**
- Enhanced the app creation process by ensuring the correct workspace is
selected beforehand across various scenarios.
- Modified the `specPattern` array in `cypress_ci_hosted.config.ts` to
include new paths related to GSheet tests.
<!-- end of auto-generated comment: release notes by coderabbit.ai -->
2024-01-30 11:01:56 +05:30

290 lines
11 KiB
TypeScript

/// <reference types="Cypress" />
import { GSHEET_DATA } from "../../fixtures/test-data-gsheet";
import {
agHelper,
assertHelper,
dataSources,
deployMode,
draggableWidgets,
gsheetHelper,
homePage,
locators,
table,
} from "../../support/Objects/ObjectsCore";
import PageList from "../../support/Pages/PageList";
import EditorNavigation, {
EntityType,
PageLeftPane,
} from "../../support/Pages/EditorNavigation";
const workspaceName = "gsheet apps";
const dataSourceName = "gsheet-all";
let appName = "gsheet-app";
let spreadSheetName = "test-sheet";
describe(
"GSheet Miscellaneous Tests",
{ tags: ["@tag.Datasource", "@tag.GSheet"] },
function () {
const columnHeaders = [
"uniq_id",
"japanese_name",
"currencies",
"specialChars",
"product_name",
"manufacturer",
"price",
"rowIndex",
];
before("Setup app and spreadsheet", function () {
//Add a new app and an add new spreadsheet query
//Setting up the spreadsheet name
const uuid = Cypress._.random(0, 10000);
spreadSheetName = spreadSheetName + "_" + uuid;
appName = appName + "-" + uuid;
//Adding query to insert a new spreadsheet
homePage.NavigateToHome();
homePage.SelectWorkspace(workspaceName);
homePage.CreateAppInWorkspace(workspaceName);
homePage.RenameApplication(appName);
gsheetHelper.AddNewSpreadsheetQuery(
dataSourceName,
spreadSheetName,
JSON.stringify(GSHEET_DATA),
);
cy.get("@postExecute", {
timeout: Cypress.config("pageLoadTimeout"),
}).then((interception: any) => {
expect(
interception.response.body.data.body.properties.title,
).to.deep.equal(spreadSheetName);
});
});
it("1. Add query from active ds tab and verify", () => {
dataSources.CreateQueryForDS(dataSourceName);
// entityExplorer.CreateNewDsQuery(dataSourceName);
agHelper.RenameWithInPane("Fetch_Details");
dataSources.ValidateNSelectDropdown(
"Operation",
"Fetch Many",
"Fetch Details",
);
dataSources.ValidateNSelectDropdown("Entity", "Spreadsheet");
dataSources.ValidateNSelectDropdown("Spreadsheet", "", spreadSheetName);
dataSources.RunQuery();
cy.get("@postExecute", {
timeout: Cypress.config("pageLoadTimeout"),
}).then((interception: any) => {
expect(interception.response.body.data.body.name).to.deep.equal(
spreadSheetName,
);
});
});
it("2. Add query from edit datasource page and verify", () => {
dataSources.CreateQueryForDS(dataSourceName, "", "fetch_many", false);
dataSources.ValidateNSelectDropdown("Operation", "Fetch Many");
dataSources.ValidateNSelectDropdown("Entity", "Sheet Row(s)");
dataSources.ValidateNSelectDropdown("Spreadsheet", "", spreadSheetName);
dataSources.ValidateNSelectDropdown("Sheet name", "", "Sheet1");
dataSources.RunQueryNVerifyResponseViews(GSHEET_DATA.length);
dataSources.AssertQueryResponseHeaders(columnHeaders);
dataSources.AssertQueryTableResponse(0, GSHEET_DATA[0].uniq_id);
dataSources.AssertQueryTableResponse(1, "ホーンビィ 2014 カタログ"); // Asserting other language
dataSources.AssertQueryTableResponse(2, "₹, $, €, ¥, £"); // Asserting different symbols
dataSources.AssertQueryTableResponse(3, "!@#$%^&*"); // Asserting special chars
});
it("3. Add query from global search and verify", () => {
dataSources.AddQueryFromGlobalSearch(dataSourceName);
dataSources.ValidateNSelectDropdown("Operation", "Fetch Many");
dataSources.ValidateNSelectDropdown("Entity", "Sheet Row(s)");
dataSources.ValidateNSelectDropdown("Spreadsheet", "", spreadSheetName);
dataSources.ValidateNSelectDropdown("Sheet name", "", "Sheet1");
dataSources.RunQueryNVerifyResponseViews(GSHEET_DATA.length);
dataSources.AssertQueryResponseHeaders(columnHeaders);
dataSources.AssertQueryTableResponse(0, GSHEET_DATA[0].uniq_id);
dataSources.AssertQueryTableResponse(1, "ホーンビィ 2014 カタログ"); // Asserting other language
dataSources.AssertQueryTableResponse(2, "₹, $, €, ¥, £"); // Asserting different symbols
dataSources.AssertQueryTableResponse(3, "!@#$%^&*"); // Asserting special chars
});
it("4. Generate CRUD page from active datasource page and verify", () => {
// Navigating to active datasource page
EditorNavigation.SelectEntityByName(
dataSourceName,
EntityType.Datasource,
);
// Select the spreadsheet and sheet name
PageLeftPane.expandCollapseItem(spreadSheetName);
agHelper.AssertElementAbsence(
locators._btnSpinner,
Cypress.config("defaultCommandTimeout"),
);
PageLeftPane.assertPresence("Sheet1");
PageLeftPane.expandCollapseItem("Sheet1");
agHelper.ClickButton("Generate new page");
// Click on generate page button and verify the page is generated
assertHelper.AssertNetworkStatus("@replaceLayoutWithCRUDPage", 201);
agHelper.AssertContains("Successfully generated a page");
assertHelper.AssertNetworkStatus("@getActions", 200);
assertHelper.AssertNetworkStatus("@postExecute", 200);
assertHelper.AssertNetworkStatus("@updateLayout", 200);
agHelper.ClickButton("Got it");
assertHelper.AssertNetworkStatus("@updateLayout", 200);
//deploy the app and verify the table data
deployMode.DeployApp(locators._widgetInDeployed(draggableWidgets.TABLE));
const data = GSHEET_DATA.filter((item) => item.rowIndex === "0")[0];
table.ReadTableRowColumnData(0, 0, "v2").then((cellData) => {
expect(cellData).to.eq(data.uniq_id);
});
table.ReadTableRowColumnData(0, 1, "v2").then((cellData) => {
expect(cellData).to.eq(data.japanese_name);
});
table.ReadTableRowColumnData(0, 2, "v2").then((cellData) => {
expect(cellData).to.eq(data.currencies);
});
table.ReadTableRowColumnData(0, 3, "v2").then((cellData) => {
expect(cellData).to.eq(data.specialChars);
});
table.ReadTableRowColumnData(0, 4, "v2").then((cellData) => {
expect(cellData).to.eq(data.product_name);
});
//Validating loaded JSON form
agHelper.GetElement(locators._buttonByText("Update")).then((selector) => {
cy.wrap(selector)
.invoke("attr", "class")
.then((classes) => {
expect(classes).not.contain("bp3-disabled");
});
});
dataSources.AssertJSONFormHeader(0, 13, "Id", "0");
deployMode.NavigateBacktoEditor();
table.WaitUntilTableLoad(0, 0, "v2");
});
it("5. Generate CRUD page from entity explorer and verify", () => {
// Adding pafe with data from entity explorer
PageList.AddNewPage("Generate page with data");
// Select the datasource, spreadsheet and sheet name
agHelper.GetNClick(dataSources._selectDatasourceDropdown);
agHelper.GetNClick(locators._visibleTextSpan(dataSourceName), 0, true);
agHelper.AssertElementAbsence(
locators._btnSpinner,
Cypress.config("defaultCommandTimeout"),
);
agHelper.GetNClick(dataSources._selectTableDropdown, 0, true);
agHelper.GetNClickByContains(
dataSources._dropdownOption,
spreadSheetName,
0,
true,
);
agHelper.AssertElementAbsence(
locators._btnSpinner,
Cypress.config("defaultCommandTimeout"),
);
agHelper.GetNClick(dataSources._selectSheetNameDropdown, 0, true);
agHelper.GetNClickByContains(dataSources._dropdownOption, "Sheet1");
// Click on generate page button and verify the page is generated
agHelper.GetNClick(dataSources._generatePageBtn);
assertHelper.AssertNetworkStatus("@replaceLayoutWithCRUDPage", 201);
agHelper.AssertContains("Successfully generated a page");
assertHelper.AssertNetworkStatus("@getActions", 200);
assertHelper.AssertNetworkStatus("@postExecute", 200);
assertHelper.AssertNetworkStatus("@updateLayout", 200);
agHelper.ClickButton("Got it");
assertHelper.AssertNetworkStatus("@updateLayout", 200);
//deploy the app and verify the table data
deployMode.DeployApp(locators._widgetInDeployed(draggableWidgets.TABLE));
const data = GSHEET_DATA.filter((item) => item.rowIndex === "1")[0];
table.ReadTableRowColumnData(1, 0, "v2").then((cellData) => {
expect(cellData).to.eq(data.uniq_id);
});
table.ReadTableRowColumnData(1, 1, "v2").then((cellData) => {
expect(cellData).to.eq(data.japanese_name);
});
table.ReadTableRowColumnData(1, 2, "v2").then((cellData) => {
expect(cellData).to.eq(data.currencies);
});
table.ReadTableRowColumnData(1, 3, "v2").then((cellData) => {
expect(cellData).to.eq(data.specialChars);
});
table.ReadTableRowColumnData(1, 5, "v2").then((cellData) => {
expect(cellData).to.eq(data.manufacturer);
});
//Validating loaded JSON form
agHelper.GetElement(locators._buttonByText("Update")).then((selector) => {
cy.wrap(selector)
.invoke("attr", "class")
.then((classes) => {
expect(classes).not.contain("bp3-disabled");
});
});
dataSources.AssertJSONFormHeader(0, 13, "Id", "0");
deployMode.NavigateBacktoEditor();
table.WaitUntilTableLoad(0, 0, "v2");
});
it("6. Bug: 16391 - Verify placeholder texts for insert one/many queries", function () {
// Verify place holder text for Insert one query
let placeholderText =
'{\n "name": {{nameInput.text}},\n "dob": {{dobPicker.formattedDate}},\n "gender": {{genderSelect.selectedOptionValue}} \n}';
gsheetHelper.EnterBasicQueryValues(
"Insert One",
dataSourceName,
spreadSheetName,
false,
);
agHelper.AssertText(
dataSources._gSheetQueryPlaceholder,
"text",
placeholderText,
);
// Verify place holder text for Insert many query
placeholderText =
'[{\n "name": {{nameInput.text}},\n "dob": {{dobPicker.formattedDate}},\n "gender": {{genderSelect.selectedOptionValue}} \n}]';
gsheetHelper.EnterBasicQueryValues(
"Insert Many",
dataSourceName,
spreadSheetName,
false,
);
agHelper.AssertText(
dataSources._gSheetQueryPlaceholder,
"text",
placeholderText,
);
});
after("Delete spreadsheet and app", function () {
// Delete spreadsheet and app
homePage.NavigateToHome();
homePage.EditAppFromAppHover(appName);
gsheetHelper.DeleteSpreadsheetQuery(dataSourceName, spreadSheetName);
cy.get("@postExecute", {
timeout: Cypress.config("pageLoadTimeout"),
}).then((interception: any) => {
expect(interception.response.body.data.body.message).to.deep.equal(
"Deleted spreadsheet successfully!",
);
});
homePage.NavigateToHome();
homePage.DeleteApplication(appName);
});
},
);