Skip to content

Commit

Permalink
bcgov#1060 scripts for Advanced fields and BC Gov components
Browse files Browse the repository at this point in the history
  • Loading branch information
@nimya-aot
nimya-aot committed Apr 8, 2024
1 parent a9e42d7 commit 111ea6e
Show file tree
Hide file tree
Showing 5 changed files with 606 additions and 7 deletions.
8 changes: 4 additions & 4 deletions tests/functional/cypress.config.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -9,8 +9,8 @@ module.exports = defineConfig({
keycloakUrl: 'http://localhost:8082',
keycloakRealm: 'chefs',
keycloakClientId: 'chefs-frontend',
keycloakUsername: 'admin',
keycloakPassword: 'admin',
keycloakUsername: 'test',
keycloakPassword: 'test',
},
chromeWebSecurity: false,
video: false,
Expand All @@ -24,8 +24,8 @@ module.exports = defineConfig({
//setupNodeEvents(on, config) {
// return require('./plugins/index.js')(on, config)

//baseUrl: 'http://localhost:5173',
baseUrl: 'https://chefs-dev.apps.silver.devops.gov.bc.ca/app/',
baseUrl: 'http://localhost:5173',
//baseUrl: 'https://chefs-dev.apps.silver.devops.gov.bc.ca',
specPattern: 'cypress/e2e/*.cy.{js,jsx,ts,tsx}',

//supportFile: 'support/index.js',
Expand Down
342 changes: 342 additions & 0 deletions tests/functional/cypress/e2e/form-design-advancedfield.cy.js
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,342 @@
import 'cypress-keycloak-commands';
import 'cypress-drag-drop';

const depEnv = Cypress.env('depEnv');


Cypress.Commands.add('waitForLoad', () => {
const loaderTimeout = 60000;

cy.get('.nprogress-busy', { timeout: loaderTimeout }).should('not.exist');
});
describe('Form Designer', () => {

beforeEach(()=>{

cy.viewport(1000, 1800);
cy.waitForLoad();
//cy.kcLogout();
//cy.kcLogin("user");

cy.on('uncaught:exception', (err, runnable) => {
// Form.io throws an uncaught exception for missing projectid
// Cypress catches it as undefined: undefined so we can't get the text
console.log(err);
return false;
});
});
it('Visits the form settings page', () => {



//cy.visit('https://chefs-dev.apps.silver.devops.gov.bc.ca/app/');
cy.visit(`/${depEnv}`);
cy.get('[data-test="base-auth-btn"] > .v-btn > .v-btn__content > span').click();
cy.get('[data-test="idir"]').click();

cy.get('#username').type('test');
cy.get('#password').type('test');
//cy.get('.btn').click();
cy.get('#kc-login').click();
cy.get('[data-cy="createNewForm"]').click();



//cy.location('pathname').should('eq', `/${depEnv}/form/create`);
//cy.contains('h1', 'Form Settings');
cy.get('.v-row > :nth-child(1) > .v-card > .v-card-title > span').contains('Form Title');

let title="title" + Math.random().toString(16).slice(2);


cy.get('#input-15').type(title);
cy.get('#input-17').type('test description');
cy.get('#input-22').click();
cy.get('.v-selection-control-group > .v-card').should('be.visible');
cy.get('#input-23').click();
//cy.get('.v-selection-control-group > .v-card').should('not.be.visible');
//cy.get('#input-91').should('be.visible');
cy.get('.v-row > .v-input > .v-input__control > .v-selection-control-group > :nth-child(1) > .v-label > span').contains('IDIR');
cy.get('span').contains('Basic BCeID');

cy.get(':nth-child(2) > .v-card > .v-card-text > .v-input--error > :nth-child(2)').contains('Please select 1 log-in type');
//cy.get('#input-92').should('be.visible');
//cy.get('#input-93').should('be.visible');


cy.get('#input-24').click();


cy.get('#checkbox-25').click();
cy.get('#checkbox-28').click();
cy.get('#checkbox-38').click();
cy.get('#checkbox-50').click();
cy.get('#input-88').click();
cy.get('#input-88').type('abc@gmail.com');



cy.get('#input-54').click();
cy.contains("Citizens' Services (CITZ)").click();

cy.get('#input-58').click();


cy.get('.v-list').should('contain','Applications that will be evaluated followed');
cy.get('.v-list').should('contain','Collection of Datasets, data submission');
cy.get('.v-list').should('contain','Registrations or Sign up - no evaluation');
cy.get('.v-list').should('contain','Reporting usually on a repeating schedule or event driven like follow-ups');
cy.get('.v-list').should('contain','Feedback Form to determine satisfaction, agreement, likelihood, or other qualitative questions');
cy.contains('Reporting usually on a repeating schedule or event driven like follow-ups').click();
cy.get('#input-64').click();
cy.get('#input-70').click();
cy.get('.mt-3 > .mdi-help-circle-outline').should('be.visible')
cy.get('.mt-3 > .mdi-help-circle-outline').click();
cy.get('.d-flex > .v-input > .v-input__control > .v-field > .v-field__field > .v-field__input').click();
cy.get('.d-flex > .v-input > .v-input__control > .v-field > .v-field__field > .v-field__input').type('test label');
cy.get('#checkbox-76').click();
cy.get('button').contains('Continue').click();



// Form design page with advanced Fields components




cy.get('button').contains('Advanced Fields').click();
cy.waitForLoad();
cy.waitForLoad();
cy.get('div.formio-builder-form').then($el => {
const coords = $el[0].getBoundingClientRect();
cy.get('[data-type="simpleradioadvanced"]')

.trigger('mousedown', { which: 1}, { force: true })
.trigger('mousemove', coords.x, -800, { force: true })
//.trigger('mousemove', coords.y, +100, { force: true })
.trigger('mouseup', { force: true });
cy.waitForLoad();
cy.get(':nth-child(2) > .nav-link').click();
cy.get(':nth-child(2) > .nav-link').click();

cy.get('input[name="data[values][0][label]"]').type('Canadian');
cy.get('input[name="data[values][0][value]"]').type('1');

cy.waitForLoad();

cy.get('button').contains('Save').click();
});
cy.get('div.formio-builder-form').then($el => {
const coords = $el[0].getBoundingClientRect();
cy.get('[data-type="simpletextareaadvanced"]')
.trigger('mousedown', { which: 1}, { force: true })
.trigger('mousemove', coords.x, -400, { force: true })
//.trigger('mousemove', coords.y, +100, { force: true })
.trigger('mouseup', { force: true });
cy.get('input[name="data[customClass]"]').type('bg-primary');
cy.waitForLoad();

cy.get('button').contains('Save').click();


});
cy.get('div.formio-builder-form').then($el => {
const coords = $el[0].getBoundingClientRect();
cy.get('[data-type="simpleurladvanced"]')
.trigger('mousedown', { which: 1}, { force: true })
.trigger('mousemove', coords.x, -250, { force: true })
//.trigger('mousemove', coords.y, +100, { force: true })
.trigger('mouseup', { force: true });
cy.get('input[name="data[prefix]"]').type('www.');

cy.get('input[name="data[suffix]"]').type('.com');

cy.waitForLoad();

cy.get('button').contains('Save').click();


});
cy.get('div.formio-builder-form').then($el => {
const coords = $el[0].getBoundingClientRect();
cy.get('[data-type="simpleselectboxesadvanced"]')
.trigger('mousedown', { which: 1}, { force: true })
.trigger('mousemove', coords.x, -750, { force: true })

.trigger('mouseup', { force: true });
cy.get(':nth-child(2) > .nav-link').click();
cy.get(':nth-child(2) > .nav-link').click();
cy.get('input[name="data[values][0][label]"]').type('Eligible');
cy.get('input[name="data[values][0][value]"]').type('1');



cy.waitForLoad();

cy.get('button').contains('Save').click();


});

cy.get('div.formio-builder-form').then($el => {
const coords = $el[0].getBoundingClientRect();
cy.get('[data-type="simpletagsadvanced"]')
.trigger('mousedown', { which: 1}, { force: true })
.trigger('mousemove', coords.x, -250, { force: true })
//.trigger('mousemove', coords.y, +100, { force: true })
.trigger('mouseup', { force: true });
cy.waitForLoad();

cy.get('button').contains('Save').click();


});
cy.get('button').contains('BC Government').click();
cy.get('div.formio-builder-form').then($el => {
const coords = $el[0].getBoundingClientRect();
cy.get('[data-type="simplefile"]')
.trigger('mousedown', { which: 1}, { force: true })
.trigger('mousemove', coords.x, -150, { force: true })
//.trigger('mousemove', coords.y, +100, { force: true })
.trigger('mouseup', { force: true });
cy.waitForLoad();

cy.get('button').contains('Save').click();


});
cy.get('div.formio-builder-form').then($el => {
const coords = $el[0].getBoundingClientRect();
cy.get('[data-type="orgbook"]')
.trigger('mousedown', { which: 1}, { force: true })
.trigger('mousemove', coords.x, -30, { force: true })
//.trigger('mousemove', coords.y, +100, { force: true })
.trigger('mouseup', { force: true });
cy.waitForLoad();

cy.get('button').contains('Save').click();


});
cy.get('div.formio-builder-form').then($el => {
const coords = $el[0].getBoundingClientRect();
cy.get('[data-type="bcaddress"]')
.trigger('mousedown', { which: 1}, { force: true })
.trigger('mousemove', coords.x, +20, { force: true })
//.trigger('mousemove', coords.y, +100, { force: true })
.trigger('mouseup', { force: true });
cy.waitForLoad();

cy.get('button').contains('Save').click();


});
cy.get('div.formio-builder-form').then($el => {
const coords = $el[0].getBoundingClientRect();
cy.get('[data-type="simplebcaddress"]')
.trigger('mousedown', { which: 1}, { force: true })
.trigger('mousemove', coords.x, +80, { force: true })
//.trigger('mousemove', coords.y, +100, { force: true })
.trigger('mouseup', { force: true });
cy.waitForLoad();

cy.get('button').contains('Save').click();


});
cy.intercept('GET', `/${depEnv}/api/v1/forms/*`).as('getForm');
// Form saving
let savedButton = cy.get('[data-cy=saveButton]');
expect(savedButton).to.not.be.null;
savedButton.trigger('click');
cy.waitForLoad();


// Go to My forms
cy.wait('@getForm').then(()=>{
let userFormsLinks = cy.get('[data-cy=userFormsLinks]');
expect(userFormsLinks).to.not.be.null;
userFormsLinks.trigger('click');
});
// Filter the newly created form
cy.location('search').then(search => {
//let pathName = fullUrl.pathname
let arr = search.split('=');
let arrayValues = arr[1].split('&');
cy.log(arrayValues[0]);
//cy.log(arrayValues[1]);
//cy.log(arrayValues[2]);
cy.visit(`/${depEnv}/form/manage?f=${arrayValues[0]}`);
cy.waitForLoad();
})

//Publish the form
cy.get('.v-label > span').click();

cy.get('span').contains('Publish Version 1');

cy.contains('Continue').should('be.visible');
cy.contains('Continue').trigger('click');

//Share link verification
let shareFormButton = cy.get('[data-cy=shareFormButton]');
expect(shareFormButton).to.not.be.null;
shareFormButton.trigger('click').then(()=>{
//let shareFormLinkButton = cy.get('[data-cy=shareFormLinkButtonss]');
let shareFormLinkButton=cy.get('.mx-2');
expect(shareFormLinkButton).to.not.be.null;
shareFormLinkButton.trigger('click');
cy.get('.mx-2 > .v-btn').click();
});
cy.location('search').then(search => {
//let pathName = fullUrl.pathname
let arr = search.split('=');
let arrayValues = arr[1].split('&');
cy.visit(`/${depEnv}/form/submit?f=${arrayValues[0]}`);
cy.waitForLoad();
})
cy.waitForLoad();
// for print option verification
cy.get(':nth-child(2) > .d-print-none > :nth-child(1) > .v-btn').should('be.visible');
cy.get(':nth-child(2) > .v-btn').click();
cy.waitForLoad();
cy.get('.mdi-account-multiple').click();
cy.get('.v-card-actions > .v-btn > .v-btn__content > span').click();
// Check registered business address

cy.waitForLoad();
cy.waitForLoad();
cy.get('.choices__inner').click();
cy.get('.choices__inner').type('hello');
//cy.get('.ui > .choices__list > .choices__item').click();
//cy.get('.ui').click();
cy.get('label').contains('Registered Business Name').click();
cy.waitForLoad();
cy.get('input[placeholder="Type to search"]').type("Thrifty Foods");
cy.contains('THRIFTY FOODS').click();
cy.get('input[name="data[bcaddress]"').click();
cy.get('input[name="data[bcaddress]"').type('2260 Sooke');
//cy.contains('2260 Sooke Rd, Colwood, BC').click();


// file upload functionality verification in the form
cy.get('.browse').click();
let fileUploadInputField = cy.get('input[type=file]');
//fileUploadInputField.should('not.to.be.null');
cy.get('input[type=file]').should('not.to.be.null');
fileUploadInputField.attachFile('add1.png');

// form submission

cy.get('button').contains('Submit').click();
cy.waitForLoad();
cy.get('button').contains('Submit').click();


});




});

Loading

0 comments on commit 111ea6e

Please sign in to comment.