mirror of
https://github.com/Abdulazizzn/n8n-enterprise-unlocked.git
synced 2025-12-17 01:56:46 +00:00
feat: Add variables e2e tests (no-changelog) (#6027)
* fix: fix n8n-checkbox alignment * fix: use css variables in checkbox inner margin-top * test: update snapshots * feat: add variables e2e tests (no-changelog) * test: update snapshot
This commit is contained in:
71
cypress/pages/variables.ts
Normal file
71
cypress/pages/variables.ts
Normal file
@@ -0,0 +1,71 @@
|
||||
import { BasePage } from './base';
|
||||
import Chainable = Cypress.Chainable;
|
||||
|
||||
export class VariablesPage extends BasePage {
|
||||
url = '/variables';
|
||||
getters = {
|
||||
unavailableResourcesList: () => cy.getByTestId('unavailable-resources-list'),
|
||||
emptyResourcesList: () => cy.getByTestId('empty-resources-list'),
|
||||
resourcesList: () => cy.getByTestId('resources-list'),
|
||||
goToUpgrade: () => cy.getByTestId('go-to-upgrade'),
|
||||
actionBox: () => cy.getByTestId('action-box'),
|
||||
emptyResourcesListNewVariableButton: () => this.getters.emptyResourcesList().find('button'),
|
||||
searchBar: () => cy.getByTestId('resources-list-search').find('input'),
|
||||
createVariableButton: () => cy.getByTestId('resources-list-add'),
|
||||
variablesRows: () => cy.getByTestId('variables-row'),
|
||||
variablesEditableRows: () =>
|
||||
cy.getByTestId('variables-row').filter((index, row) => !!row.querySelector('input')),
|
||||
variableRow: (key: string) =>
|
||||
this.getters.variablesRows().contains(key).parents('[data-test-id="variables-row"]'),
|
||||
editableRowCancelButton: (row: Chainable<JQuery<HTMLElement>>) =>
|
||||
row.getByTestId('variable-row-cancel-button'),
|
||||
editableRowSaveButton: (row: Chainable<JQuery<HTMLElement>>) =>
|
||||
row.getByTestId('variable-row-save-button'),
|
||||
};
|
||||
|
||||
actions = {
|
||||
createVariable: (key: string, value: string) => {
|
||||
this.getters.createVariableButton().click();
|
||||
|
||||
const editingRow = this.getters.variablesEditableRows().eq(0);
|
||||
this.actions.setRowValue(editingRow, 'key', key);
|
||||
this.actions.setRowValue(editingRow, 'value', value);
|
||||
this.actions.saveRowEditing(editingRow);
|
||||
},
|
||||
deleteVariable: (key: string) => {
|
||||
const row = this.getters.variableRow(key);
|
||||
row.within(() => {
|
||||
cy.getByTestId('variable-row-delete-button').click();
|
||||
});
|
||||
|
||||
const modal = cy.get('[role="dialog"]');
|
||||
modal.should('be.visible');
|
||||
modal.get('.btn--confirm').click();
|
||||
},
|
||||
createVariableFromEmptyState: (key: string, value: string) => {
|
||||
this.getters.emptyResourcesListNewVariableButton().click();
|
||||
|
||||
const editingRow = this.getters.variablesEditableRows().eq(0);
|
||||
this.actions.setRowValue(editingRow, 'key', key);
|
||||
this.actions.setRowValue(editingRow, 'value', value);
|
||||
this.actions.saveRowEditing(editingRow);
|
||||
},
|
||||
editRow: (key: string) => {
|
||||
const row = this.getters.variableRow(key);
|
||||
row.within(() => {
|
||||
cy.getByTestId('variable-row-edit-button').click();
|
||||
});
|
||||
},
|
||||
setRowValue: (row: Chainable<JQuery<HTMLElement>>, field: 'key' | 'value', value: string) => {
|
||||
row.within(() => {
|
||||
cy.getByTestId(`variable-row-${field}-input`).type('{selectAll}{del}').type(value);
|
||||
});
|
||||
},
|
||||
cancelRowEditing: (row: Chainable<JQuery<HTMLElement>>) => {
|
||||
this.getters.editableRowCancelButton(row).click();
|
||||
},
|
||||
saveRowEditing: (row: Chainable<JQuery<HTMLElement>>) => {
|
||||
this.getters.editableRowSaveButton(row).click();
|
||||
},
|
||||
};
|
||||
}
|
||||
Reference in New Issue
Block a user