Files
Cloud-CMS/cypress/e2e/Display/displaygroups.cy.js

319 lines
11 KiB
JavaScript
Raw Normal View History

2025-12-02 10:32:59 -05:00
/*
* 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('Display Groups', function() {
let testRun = '';
beforeEach(function() {
cy.login();
testRun = Cypress._.random(0, 1e9);
});
it('should add one empty and one filled display groups', function() {
cy.visit('/displaygroup/view');
// Click on the Add Displaygroup button
cy.contains('Add Display Group').click();
cy.get('.modal input#displayGroup')
.type('Cypress Test Displaygroup ' + testRun + '_1');
// Add first by clicking next
cy.get('.modal').contains('Next').click();
// Check if displaygroup is added in toast message
cy.contains('Added Cypress Test Displaygroup ' + testRun + '_1');
cy.get('.modal input#displayGroup')
.type('Cypress Test Displaygroup ' + testRun + '_2');
cy.get('.modal input#description')
.type('Description');
cy.get('.modal input#isDynamic').check();
cy.get('.modal input#dynamicCriteria')
.type('testLayoutId');
// Add first by clicking next
cy.get('.modal .save-button').click();
// Check if displaygroup is added in toast message
cy.contains('Added Cypress Test Displaygroup ' + testRun + '_2');
});
it('copy an existing displaygroup', function() {
// Create a new displaygroup and then search for it and delete it
cy.createDisplaygroup('Cypress Test Displaygroup ' + testRun).then((res) => {
cy.intercept({
url: '/displaygroup?*',
query: {displayGroup: 'Cypress Test Displaygroup ' + testRun},
}).as('loadGridAfterSearch');
// Intercept the POST request
cy.intercept({
method: 'POST',
url: /\/displaygroup\/\d+\/copy$/,
}).as('postRequest');
cy.visit('/displaygroup/view');
// Filter for the created displaygroup
cy.get('#Filter input[name="displayGroup"]')
.type('Cypress Test Displaygroup ' + testRun);
// Wait for the grid reload
cy.wait('@loadGridAfterSearch');
cy.get('#displaygroups tbody tr').should('have.length', 1);
// Click on the first row element to open the delete modal
cy.get('#displaygroups tr:first-child .dropdown-toggle').click({force: true});
cy.get('#displaygroups tr:first-child .displaygroup_button_copy').click({force: true});
// Delete test displaygroup
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 responseData = response.body.data;
expect(responseData.displayGroup).to.include('Cypress Test Displaygroup ' + testRun + ' 2');
});
});
});
it('searches and delete existing displaygroup', function() {
// Create a new displaygroup and then search for it and delete it
cy.createDisplaygroup('Cypress Test Displaygroup ' + testRun).then((res) => {
cy.intercept({
url: '/displaygroup?*',
query: {displayGroup: 'Cypress Test Displaygroup ' + testRun},
}).as('loadGridAfterSearch');
cy.visit('/displaygroup/view');
// Filter for the created displaygroup
cy.get('#Filter input[name="displayGroup"]')
.type('Cypress Test Displaygroup ' + testRun);
// Wait for the grid reload
cy.wait('@loadGridAfterSearch');
cy.get('#displaygroups tbody tr').should('have.length', 1);
// Click on the first row element to open the delete modal
cy.get('#displaygroups tr:first-child .dropdown-toggle').click({force: true});
cy.get('#displaygroups tr:first-child .displaygroup_button_delete').click({force: true});
// Delete test displaygroup
cy.get('.bootbox .save-button').click();
// Check if displaygroup is deleted in toast message
cy.get('.toast').contains('Deleted Cypress Test Displaygroup');
});
});
// Seeded displays: dispgrp_disp1, dispgrp_disp2
it('manage membership for a displaygroup', function() {
cy.createDisplaygroup('Cypress Test Displaygroup ' + testRun).then((res) => {
// assign displays to display group
cy.intercept({
url: '/displaygroup?*',
query: {displayGroup: 'Cypress Test Displaygroup ' + testRun},
}).as('loadGridAfterSearch');
// Intercept the PUT request
cy.intercept({
method: 'POST',
url: /\/displaygroup\/\d+\/display\/assign$/,
}).as('postRequest');
cy.intercept({
url: '/display*',
query: {display: 'dispgrp_disp1'},
}).as('loadDisplayAfterSearch');
cy.visit('/displaygroup/view');
// Filter for the created displaygroup
cy.get('#Filter input[name="displayGroup"]')
.type('Cypress Test Displaygroup ' + testRun);
// Wait for the grid reload
cy.wait('@loadGridAfterSearch');
cy.get('#displaygroups tbody tr').should('have.length', 1);
// Click on the first row element to open the delete modal
cy.get('#displaygroups tr:first-child .dropdown-toggle').click({force: true});
cy.get('#displaygroups tr:first-child .displaygroup_button_group_members').click({force: true});
cy.get('.modal #display').type('dispgrp_disp1');
cy.wait('@loadDisplayAfterSearch');
cy.get('#displaysMembersTable').within(() => {
// count the rows within table
cy.get('tbody').find('tr').should('have.length', 1);
cy.get('tbody tr:first-child input[type="checkbox"]').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);
});
});
});
// -------
// Seeded displays: dispgrp_disp_dynamic1, dispgrp_disp_dynamic2
it('should add a dynamic display group', function() {
cy.intercept({
url: '/display?*',
query: {display: 'dynamic'},
}).as('loadDisplayGridAfterSearch');
cy.visit('/displaygroup/view');
// Click on the Add Displaygroup button
cy.contains('Add Display Group').click();
cy.get('.modal input#displayGroup')
.type('Cypress Test Displaygroup ' + testRun);
// Add first by clicking next
cy.get('.modal #isDynamic').check();
// Type "dynamic" into the input field with the name "dynamicCriteria"
cy.get('.modal input[name="dynamicCriteria"]').type('dynamic');
cy.wait('@loadDisplayGridAfterSearch');
// Add first by clicking next
cy.get('.modal .save-button').click();
// Check if displaygroup is added in toast message
cy.contains('Added Cypress Test Displaygroup ' + testRun);
});
it('should edit the criteria of a dynamic display group', function() {
// Create a new displaygroup with dynamic criteria
cy.createDisplaygroup('Cypress Test Displaygroup Dynamic ' + testRun, true, 'dynamic').then((res) => {
cy.intercept({
url: '/displaygroup?*',
query: {displayGroup: 'Cypress Test Displaygroup Dynamic ' + testRun},
}).as('loadGridAfterSearch');
// Intercept the PUT request
cy.intercept({
method: 'PUT',
url: '/displaygroup/*',
}).as('putRequest');
cy.visit('/displaygroup/view');
// Filter for the created displaygroup
cy.get('#Filter input[name="displayGroup"]')
.type('Cypress Test Displaygroup Dynamic ' + testRun);
// Wait for the grid reload
cy.wait('@loadGridAfterSearch');
cy.get('#displaygroups tbody tr').should('have.length', 1);
// Click on the first row element to open the delete modal
cy.get('#displaygroups tr:first-child .dropdown-toggle').click({force: true});
cy.get('#displaygroups tr:first-child .displaygroup_button_edit').click({force: true});
cy.get('.modal input[name="dynamicCriteria"]').clear().type('dynamic_edited');
// Delete test displaygroup
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.dynamicCriteria).to.eq('dynamic_edited');
});
});
});
// -------
// -- Delete Many
it('selects multiple display groups and delete them', function() {
// Create a new displaygroup and then search for it and delete it
cy.createDisplaygroup('Cypress Test Displaygroup ' + testRun).then((res) => {
cy.intercept('GET', '/displaygroup?draw=2&*').as('displaygroupGridLoad');
// Delete all test displaygroups
cy.visit('/displaygroup/view');
// Clear filter
cy.get('#Filter input[name="displayGroup"]')
.clear()
.type('Cypress Test Displaygroup');
// Wait for the grid reload
cy.wait('@displaygroupGridLoad');
// Select all
cy.get('button[data-toggle="selectAll"]').click();
// Delete all
cy.get('.dataTables_info button[data-toggle="dropdown"]').click();
cy.get('.dataTables_info a[data-button-id="displaygroup_button_delete"]').click();
cy.get('input#checkbox-confirmDelete').check();
cy.get('button.save-button').click();
// Modal should contain one successful delete at least
cy.get('.modal-body').contains(': Success');
});
});
// ---------
// Tests - Error handling
it('should not add a displaygroup without dynamic criteria', function() {
cy.visit('/displaygroup/view');
// Click on the Add Displaygroup button
cy.contains('Add Display Group').click();
cy.get('.modal input#displayGroup')
.type('Cypress Test Displaygroup ' + testRun + '_1');
cy.get('.modal input#isDynamic').check();
// Add first by clicking next
cy.get('.modal .save-button').click();
// Check toast message
cy.contains('Dynamic Display Groups must have at least one Criteria specified.');
});
});