Initial Upload
This commit is contained in:
Matt Batchelder
334
cypress/e2e/Display/displays.cy.js
Normal file
334
cypress/e2e/Display/displays.cy.js
Normal file
@@ -0,0 +1,334 @@
|
||||
/*
|
||||
* Copyright (C) 2023 Xibo Signage Ltd
|
||||
*
|
||||
* Xibo - Digital Signage - https://xibosignage.com
|
||||
*
|
||||
* This file is part of Xibo.
|
||||
*
|
||||
* Xibo is free software: you can redistribute it and/or modify
|
||||
* it under the terms of the GNU Affero General Public License as published by
|
||||
* the Free Software Foundation, either version 3 of the License, or
|
||||
* any later version.
|
||||
*
|
||||
* Xibo is distributed in the hope that it will be useful,
|
||||
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
||||
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
||||
* GNU Affero General Public License for more details.
|
||||
*
|
||||
* You should have received a copy of the GNU Affero General Public License
|
||||
* along with Xibo. If not, see <http://www.gnu.org/licenses/>.
|
||||
*/
|
||||
|
||||
/* eslint-disable max-len */
|
||||
describe('Displays', function() {
|
||||
let testRun = '';
|
||||
|
||||
beforeEach(function() {
|
||||
cy.login();
|
||||
|
||||
testRun = Cypress._.random(0, 1e9);
|
||||
});
|
||||
|
||||
// Seeded displays: disp1, disp2, disp3, disp4, disp5
|
||||
// Seeded display Groups: disp5_dispgrp
|
||||
// Seeded layouts: disp4_default_layout
|
||||
it('searches and edit existing display', function() {
|
||||
// search for a display disp1 and edit
|
||||
cy.intercept({
|
||||
url: '/display?*',
|
||||
query: {display: 'dis_disp1'},
|
||||
}).as('loadGridAfterSearch');
|
||||
|
||||
// Intercept the PUT request
|
||||
cy.intercept({
|
||||
method: 'PUT',
|
||||
url: '/display/*',
|
||||
}).as('putRequest');
|
||||
|
||||
cy.visit('/display/view');
|
||||
|
||||
// Filter for the created display
|
||||
cy.get('#Filter input[name="display"]')
|
||||
.type('dis_disp1');
|
||||
|
||||
// Wait for the grid reload
|
||||
cy.wait('@loadGridAfterSearch');
|
||||
cy.get('#displays tbody tr').should('have.length', 1);
|
||||
|
||||
// Click on the first row element to open the delete modal
|
||||
cy.get('#displays tr:first-child .dropdown-toggle').click({force: true});
|
||||
cy.get('#displays tr:first-child .display_button_edit').click({force: true});
|
||||
|
||||
cy.get('.modal input#display').clear()
|
||||
.type('dis_disp1 Edited');
|
||||
|
||||
cy.get('.modal input#license').clear()
|
||||
.type('dis_disp1_license');
|
||||
|
||||
cy.get('.modal input#description').clear()
|
||||
.type('description');
|
||||
|
||||
// edit test display
|
||||
cy.get('.bootbox .save-button').click();
|
||||
|
||||
// Wait for the intercepted PUT request and check the form data
|
||||
cy.wait('@putRequest').then((interception) => {
|
||||
// Get the request body (form data)
|
||||
const response = interception.response;
|
||||
const responseData = response.body.data;
|
||||
|
||||
// assertion on the "display" value
|
||||
expect(responseData.display).to.eq('dis_disp1 Edited');
|
||||
expect(responseData.description).to.eq('description');
|
||||
expect(responseData.license).to.eq('dis_disp1_license');
|
||||
});
|
||||
});
|
||||
|
||||
// Display: disp2
|
||||
it('searches and delete existing display', function() {
|
||||
cy.intercept({
|
||||
url: '/display?*',
|
||||
query: {display: 'dis_disp2'},
|
||||
}).as('loadGridAfterSearch');
|
||||
|
||||
cy.visit('/display/view');
|
||||
|
||||
// Filter for the created display
|
||||
cy.get('#Filter input[name="display"]')
|
||||
.type('dis_disp2');
|
||||
|
||||
// Wait for the grid reload
|
||||
cy.wait('@loadGridAfterSearch');
|
||||
cy.get('#displays tbody tr').should('have.length', 1);
|
||||
|
||||
// Click on the first row element to open the delete modal
|
||||
cy.get('#displays tr:first-child .dropdown-toggle').click({force: true});
|
||||
cy.get('#displays tr:first-child .display_button_delete').click({force: true});
|
||||
|
||||
// Delete test display
|
||||
cy.get('.bootbox .save-button').click();
|
||||
|
||||
// Check if display is deleted in toast message
|
||||
cy.get('.toast').contains('Deleted dis_disp2');
|
||||
});
|
||||
|
||||
// Display: disp3
|
||||
it('searches and authorise an unauthorised display', function() {
|
||||
// search for a display disp1 and edit
|
||||
cy.intercept({
|
||||
url: '/display?*',
|
||||
query: {display: 'dis_disp3'},
|
||||
}).as('loadGridAfterSearch');
|
||||
|
||||
// Intercept the PUT request
|
||||
cy.intercept({
|
||||
method: 'PUT',
|
||||
url: '/display/authorise/*',
|
||||
}).as('putRequest');
|
||||
|
||||
cy.visit('/display/view');
|
||||
|
||||
// Filter for the created display
|
||||
cy.get('#Filter input[name="display"]')
|
||||
.type('dis_disp3');
|
||||
|
||||
// Wait for the grid reload
|
||||
cy.wait('@loadGridAfterSearch');
|
||||
cy.get('#displays tbody tr').should('have.length', 1);
|
||||
|
||||
// Click on the first row element to open the delete modal
|
||||
cy.get('#displays tr:first-child .dropdown-toggle').click({force: true});
|
||||
cy.get('#displays tr:first-child .display_button_authorise').click({force: true});
|
||||
|
||||
// edit test display
|
||||
cy.get('.bootbox .save-button').click();
|
||||
|
||||
// Wait for the intercepted PUT request and check the form data
|
||||
cy.wait('@putRequest').then((interception) => {
|
||||
// Get the request body (form data)
|
||||
const response = interception.response;
|
||||
// assertion
|
||||
expect(response.body.message).to.eq('Authorised set to 1 for dis_disp3');
|
||||
});
|
||||
});
|
||||
|
||||
// Display: disp4
|
||||
it('set a default layout', function() {
|
||||
cy.intercept({
|
||||
url: '/display?*',
|
||||
query: {display: 'dis_disp4'},
|
||||
}).as('loadGridAfterSearch');
|
||||
|
||||
// Intercept the PUT request
|
||||
cy.intercept({
|
||||
method: 'PUT',
|
||||
url: '/display/defaultlayout/*',
|
||||
}).as('putRequest');
|
||||
|
||||
cy.intercept({
|
||||
url: '/layout*',
|
||||
query: {
|
||||
layout: 'disp4_default_layout',
|
||||
},
|
||||
}).as('loadLayoutAfterSearch');
|
||||
|
||||
cy.visit('/display/view');
|
||||
|
||||
// Filter for the created display
|
||||
cy.get('#Filter input[name="display"]')
|
||||
.type('dis_disp4');
|
||||
|
||||
// Wait for the grid reload
|
||||
cy.wait('@loadGridAfterSearch');
|
||||
cy.get('#displays tbody tr').should('have.length', 1);
|
||||
|
||||
// Click on the first row element to open the delete modal
|
||||
cy.get('#displays tr:first-child .dropdown-toggle').click({force: true});
|
||||
cy.get('#displays tr:first-child .display_button_defaultlayout').click({force: true});
|
||||
|
||||
// Set the default layout
|
||||
cy.get('.modal .select2-container--bootstrap').click();
|
||||
cy.get('.select2-search__field').type('disp4_default_layout');
|
||||
|
||||
cy.wait('@loadLayoutAfterSearch');
|
||||
cy.get('.select2-results__option').contains('disp4_default_layout').click();
|
||||
|
||||
// edit test display
|
||||
cy.get('.bootbox .save-button').click();
|
||||
|
||||
// Wait for the intercepted PUT request and check the form data
|
||||
cy.wait('@putRequest').then((interception) => {
|
||||
// Get the request body (form data)
|
||||
const response = interception.response;
|
||||
const body = response.body;
|
||||
expect(body.success).to.eq(true);
|
||||
});
|
||||
});
|
||||
|
||||
// Display: disp5
|
||||
it('manage membership for disp5', function() {
|
||||
cy.intercept({
|
||||
url: '/display?*',
|
||||
query: {display: 'dis_disp5'},
|
||||
}).as('loadGridAfterSearch');
|
||||
|
||||
// Intercept the PUT request
|
||||
cy.intercept({
|
||||
method: 'POST',
|
||||
url: /\/display\/\d+\/displaygroup\/assign$/,
|
||||
}).as('postRequest');
|
||||
|
||||
cy.intercept({
|
||||
url: '/displaygroup*',
|
||||
query: {
|
||||
displayGroup: 'disp5_dispgrp',
|
||||
},
|
||||
}).as('loadDisplaypGroupAfterSearch');
|
||||
|
||||
cy.visit('/display/view');
|
||||
|
||||
// Filter for the created display
|
||||
cy.get('#Filter input[name="display"]')
|
||||
.type('dis_disp5');
|
||||
|
||||
// Wait for the grid reload
|
||||
cy.wait('@loadGridAfterSearch');
|
||||
cy.get('#displays tbody tr').should('have.length', 1);
|
||||
|
||||
// Click on the first row element to open the delete modal
|
||||
cy.get('#displays tr:first-child .dropdown-toggle').click({force: true});
|
||||
cy.get('#displays tr:first-child .display_button_group_membership').click({force: true});
|
||||
|
||||
cy.get('.modal #displayGroup').type('disp5_dispgrp');
|
||||
|
||||
cy.wait('@loadDisplaypGroupAfterSearch');
|
||||
cy.get('#displaysGroupsMembersTable').within(() => {
|
||||
// count the rows within table
|
||||
cy.get('tbody').find('tr')
|
||||
.should('have.length', 1)
|
||||
.and('contain', 'disp5_dispgrp');
|
||||
cy.get('tbody tr:first-child input[type="checkbox"]')
|
||||
.should('not.be.checked')
|
||||
.check();
|
||||
});
|
||||
|
||||
// Save assignments
|
||||
cy.get('.bootbox .save-button').click();
|
||||
|
||||
// Wait for the intercepted POST request and check the form data
|
||||
cy.wait('@postRequest').then((interception) => {
|
||||
// Get the request body (form data)
|
||||
const response = interception.response;
|
||||
const body = response.body;
|
||||
expect(body.success).to.eq(true);
|
||||
});
|
||||
});
|
||||
|
||||
it('should display map and revert back to table', function() {
|
||||
cy.intercept('GET', '/user/pref?preference=displayGrid').as('displayPrefsLoad');
|
||||
cy.intercept('GET', '/display?draw=2*').as('displayLoad');
|
||||
cy.intercept('POST', '/user/pref').as('userPrefPost');
|
||||
|
||||
cy.visit('/display/view');
|
||||
|
||||
cy.wait('@displayPrefsLoad');
|
||||
cy.wait('@displayLoad');
|
||||
cy.wait('@userPrefPost');
|
||||
|
||||
cy.get('#map_button').click();
|
||||
|
||||
cy.get('#display-map.leaflet-container').should('be.visible');
|
||||
|
||||
cy.get('#list_button').click();
|
||||
|
||||
cy.get('#displays_wrapper.dataTables_wrapper').should('be.visible');
|
||||
});
|
||||
|
||||
// ---------
|
||||
// Tests - Error handling
|
||||
it('should not be able to save while editing existing display with incorrect latitude/longitude', function() {
|
||||
// search for a display disp1 and edit
|
||||
cy.intercept({
|
||||
url: '/display?*',
|
||||
query: {display: 'dis_disp1'},
|
||||
}).as('loadGridAfterSearch');
|
||||
|
||||
// Intercept the PUT request
|
||||
cy.intercept({
|
||||
method: 'PUT',
|
||||
url: '/display/*',
|
||||
}).as('putRequest');
|
||||
|
||||
cy.visit('/display/view');
|
||||
|
||||
// Filter for the created display
|
||||
cy.get('#Filter input[name="display"]')
|
||||
.type('dis_disp1');
|
||||
|
||||
// Wait for the grid reload
|
||||
cy.wait('@loadGridAfterSearch');
|
||||
cy.get('#displays tbody tr').should('have.length', 1);
|
||||
|
||||
// Click on the first row element to open the delete modal
|
||||
cy.get('#displays tr:first-child .dropdown-toggle').click({force: true});
|
||||
cy.get('#displays tr:first-child .display_button_edit').click({force: true});
|
||||
cy.contains('Details').click();
|
||||
|
||||
cy.get('.modal input#latitude').type('1234');
|
||||
|
||||
// edit test display
|
||||
cy.get('.bootbox .save-button').click();
|
||||
|
||||
// Check error message
|
||||
cy.contains('The latitude entered is not valid.');
|
||||
|
||||
cy.get('.modal input#latitude').clear();
|
||||
cy.get('.modal input#longitude').type('1234');
|
||||
|
||||
// edit test display
|
||||
cy.get('.bootbox .save-button').click();
|
||||
|
||||
// Check error message
|
||||
cy.contains('The longitude entered is not valid.');
|
||||
});
|
||||
});
|
||||
Reference in New Issue
Block a user