Initial Upload
This commit is contained in:
Matt Batchelder
97
cypress/e2e/Layout/Widget/layout_editor_clock.cy.js
Normal file
97
cypress/e2e/Layout/Widget/layout_editor_clock.cy.js
Normal file
@@ -0,0 +1,97 @@
|
||||
/*
|
||||
* Copyright (C) 2025 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('Clock Analogue Widget', function() {
|
||||
beforeEach(function() {
|
||||
cy.login();
|
||||
});
|
||||
|
||||
it('should create a new layout and be redirected to the layout designer, add/delete analogue clock', function() {
|
||||
cy.intercept('/playlist/widget/*').as('saveWidget');
|
||||
cy.intercept('DELETE', '**/region/**').as('deleteWidget');
|
||||
cy.intercept('POST', '/user/pref').as('userPref');
|
||||
|
||||
cy.visit('/layout/view');
|
||||
cy.get('button[href="/layout"]').click();
|
||||
|
||||
// Open widget menu
|
||||
cy.openToolbarMenu(0);
|
||||
|
||||
cy.get('[data-sub-type="clock"]')
|
||||
.should('be.visible')
|
||||
.click();
|
||||
cy.wait('@userPref');
|
||||
|
||||
cy.get('[data-sub-type="clock-analogue"] > .toolbar-card-thumb')
|
||||
.should('be.visible')
|
||||
.click();
|
||||
cy.wait('@userPref');
|
||||
|
||||
cy.get('.viewer-object.layout.ui-droppable-active')
|
||||
.should('be.visible')
|
||||
.click();
|
||||
|
||||
// Check if the widget is in the viewer
|
||||
cy.get('#layout-viewer .designer-region .widget-preview[data-type="widget_clock-analogue"]').should('exist');
|
||||
|
||||
cy.get('[name="themeId"]').select('Dark', {force: true});
|
||||
cy.get('[name="offset"]').clear().type('1').trigger('change');
|
||||
cy.wait('@saveWidget');
|
||||
|
||||
cy.get('.widget-form .nav-link[href="#advancedTab"]').click();
|
||||
|
||||
// Type the new name in the input
|
||||
cy.get('#advancedTab input[name="name"]').clear().type('newName');
|
||||
cy.wait('@saveWidget');
|
||||
|
||||
// Set a duration
|
||||
cy.get('#advancedTab input[name="useDuration"]').check();
|
||||
cy.wait('@saveWidget');
|
||||
cy.get('#advancedTab input[name="duration"]').clear().type('12').trigger('change');
|
||||
cy.wait('@saveWidget');
|
||||
|
||||
// Change the background of the layout
|
||||
cy.get('.viewer-object').click({force: true});
|
||||
cy.get('[name="backgroundColor"]').clear().type('#ffffff').trigger('change');
|
||||
|
||||
// Validate background color changed wo white
|
||||
cy.get('.viewer-object').should('have.css', 'background-color', 'rgb(255, 255, 255)');
|
||||
|
||||
// Check if the name and duration values are the same entered
|
||||
cy.get('#layout-viewer .designer-region .widget-preview[data-type="widget_clock-analogue"]').parents('.designer-region').click();
|
||||
cy.get('.widget-form .nav-link[href="#advancedTab"]').click();
|
||||
cy.get('#advancedTab input[name="name"]').should('have.attr', 'value').and('equal', 'newName');
|
||||
cy.get('#advancedTab input[name="duration"]').should('have.attr', 'value').and('equal', '12');
|
||||
|
||||
// Delete
|
||||
cy.get('#layout-viewer .designer-region .widget-preview[data-type="widget_clock-analogue"]')
|
||||
.parents('.designer-region')
|
||||
.rightclick();
|
||||
|
||||
// todo -investigate further why this is not working in ci/cdk mode
|
||||
// cy.get('[data-title="Delete"]').click().then(() => {
|
||||
// cy.wait('@deleteWidget').its('response.statusCode').should('eq', 200);
|
||||
// cy.get('#layout-viewer .designer-region .widget-preview[data-type="widget_clock-analogue"]')
|
||||
// .should('not.exist');
|
||||
// });
|
||||
});
|
||||
});
|
||||
103
cypress/e2e/Layout/Widget/layout_editor_dataset.cy.js
Normal file
103
cypress/e2e/Layout/Widget/layout_editor_dataset.cy.js
Normal file
@@ -0,0 +1,103 @@
|
||||
/*
|
||||
* Copyright (C) 2025 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('Dataset', function() {
|
||||
beforeEach(function() {
|
||||
cy.login();
|
||||
});
|
||||
|
||||
it('should create a new layout, add/delete dataset widget', function() {
|
||||
cy.intercept('/dataset?start=*').as('loadDatasets');
|
||||
cy.intercept('DELETE', '**/region/**').as('deleteWidget');
|
||||
cy.intercept('POST', '/user/pref').as('userPref');
|
||||
|
||||
cy.visit('/layout/view');
|
||||
cy.get('button[href="/layout"]').click();
|
||||
|
||||
// Open widget menu and add dataset widget
|
||||
cy.openToolbarMenu(0);
|
||||
|
||||
cy.get('[data-sub-type="dataset"]')
|
||||
.should('be.visible')
|
||||
.click();
|
||||
cy.wait('@userPref');
|
||||
|
||||
cy.get('[data-template-id="dataset_table_1"]')
|
||||
.should('be.visible')
|
||||
.click();
|
||||
cy.wait('@userPref');
|
||||
|
||||
cy.get('.viewer-object.layout.ui-droppable-active')
|
||||
.should('be.visible')
|
||||
.click();
|
||||
|
||||
// Verify widget exists in the layout viewer
|
||||
cy.get('#layout-viewer .designer-region .widget-preview[data-type="widget_dataset"]').should('exist');
|
||||
|
||||
// Select and configure the dataset
|
||||
cy.get('#configureTab .select2-selection').click();
|
||||
cy.wait('@loadDatasets');
|
||||
cy.get('.select2-container--open input[type="search"]').type('8 items');
|
||||
cy.get('.select2-container--open').contains('8 items').click();
|
||||
|
||||
cy.get('[name="lowerLimit"]').clear().type('1');
|
||||
cy.get('[name="upperLimit"]').clear().type('10');
|
||||
cy.get('.order-clause-row > :nth-child(2) > .form-control').select('Col1', {force: true});
|
||||
cy.get('.order-clause-row > .btn').click();
|
||||
cy.get(':nth-child(2) > :nth-child(2) > .form-control').select('Col2', {force: true});
|
||||
|
||||
// Open Appearance Tab
|
||||
cy.get('.nav-link[href="#appearanceTab"]').click();
|
||||
|
||||
// Ensure dataset has exactly two columns
|
||||
cy.get('#columnsOut li').should('have.length', 2);
|
||||
|
||||
// Move columns to "Columns Selected"
|
||||
cy.get('#columnsOut li:first').trigger('mousedown', {which: 1}).trigger('mousemove', {which: 1, pageX: 583, pageY: 440});
|
||||
cy.get('#columnsIn').click();
|
||||
cy.get('#columnsOut li:first').trigger('mousedown', {which: 1}).trigger('mousemove', {which: 1, pageX: 583, pageY: 440});
|
||||
cy.get('#columnsIn').click();
|
||||
|
||||
// Customize appearance settings
|
||||
cy.get('[name="showHeadings"]').check();
|
||||
cy.get('[name="rowsPerPage"]').clear().type('5');
|
||||
cy.get('[name="fontSize"]').clear().type('48');
|
||||
cy.get('[name="backgroundColor"]').clear().type('#333333');
|
||||
|
||||
// Delete widget
|
||||
// The .moveable-control-box overlay obstructing the right-click interaction on the designer region, causing the test to fail.
|
||||
// By invoking .hide(), we remove the overlay temporarily to allow uninterrupted interaction with the underlying elements.
|
||||
cy.get('.moveable-control-box').invoke('hide');
|
||||
|
||||
cy.get('#layout-viewer .designer-region .widget-preview[data-type="widget_dataset"]')
|
||||
.parents('.designer-region')
|
||||
.scrollIntoView()
|
||||
.should('be.visible')
|
||||
.rightclick();
|
||||
// Wait until the widget has been deleted
|
||||
// cy.get('[data-title="Delete"]').click().then(() => {
|
||||
// cy.wait('@deleteWidget').its('response.statusCode').should('eq', 200);
|
||||
// cy.get('#layout-viewer .designer-region .widget-preview[data-type="widget_dataset"]')
|
||||
// .should('not.exist');
|
||||
// });
|
||||
});
|
||||
});
|
||||
91
cypress/e2e/Layout/Widget/layout_editor_mastodon.cy.js
Normal file
91
cypress/e2e/Layout/Widget/layout_editor_mastodon.cy.js
Normal file
@@ -0,0 +1,91 @@
|
||||
/*
|
||||
* Copyright (C) 2025 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('Mastodon', function() {
|
||||
beforeEach(function() {
|
||||
cy.login();
|
||||
});
|
||||
|
||||
it('should create a new layout and be redirected to the layout designer, add/delete Mastodon widget', function() {
|
||||
cy.intercept('DELETE', '**/region/**').as('deleteWidget');
|
||||
cy.intercept('POST', '/user/pref').as('userPref');
|
||||
|
||||
cy.visit('/layout/view');
|
||||
cy.get('button[href="/layout"]').click();
|
||||
|
||||
// Open widget menu
|
||||
cy.openToolbarMenu(0);
|
||||
|
||||
cy.get('[data-sub-type="mastodon"]')
|
||||
.should('be.visible')
|
||||
.click();
|
||||
cy.wait('@userPref');
|
||||
|
||||
cy.get('[data-template-id="social_media_static_1"] > .toolbar-card-thumb')
|
||||
.should('be.visible')
|
||||
.click();
|
||||
cy.wait('@userPref');
|
||||
|
||||
cy.get('.viewer-object.layout.ui-droppable-active')
|
||||
.should('be.visible')
|
||||
.click();
|
||||
|
||||
// Check if the widget is in the viewer
|
||||
cy.get('#layout-viewer .designer-region .widget-preview[data-type="widget_mastodon"]')
|
||||
.should('exist');
|
||||
|
||||
cy.get('[name="hashtag"]').clear();
|
||||
cy.get('[name="hashtag"]').type('#cat');
|
||||
cy.get('[name="searchOn"]').select('local', {force: true});
|
||||
cy.get('[name="numItems"]').clear().type('10').trigger('change');
|
||||
cy.get('[name="onlyMedia"]').check();
|
||||
|
||||
// Click on Appearance Tab
|
||||
cy.get('.nav-link[href="#appearanceTab"]').click();
|
||||
cy.get('[name="itemsPerPage"]').clear().type('2').trigger('change');
|
||||
|
||||
// Vertical/Fade/100/Right/Bottom
|
||||
cy.get('[name="displayDirection"]').select('Vertical', {force: true});
|
||||
cy.get('[name="effect"]').select('Fade', {force: true});
|
||||
cy.get('[name="speed"]').clear().type('100').trigger('change');
|
||||
cy.get('[name="alignmentH"]').select('Right', {force: true});
|
||||
cy.get('[name="alignmentV"]').select('Bottom', {force: true});
|
||||
|
||||
// Delete widget
|
||||
// The .moveable-control-box overlay obstructing the right-click interaction on the designer region, causing the test to fail.
|
||||
// By invoking .hide(), we remove the overlay temporarily to allow uninterrupted interaction with the underlying elements.
|
||||
cy.get('.moveable-control-box').invoke('hide');
|
||||
|
||||
cy.get('#layout-viewer .designer-region .widget-preview[data-type="widget_mastodon"]')
|
||||
.parents('.designer-region')
|
||||
.scrollIntoView()
|
||||
.should('be.visible')
|
||||
.rightclick();
|
||||
|
||||
// Wait until the widget has been deleted
|
||||
// cy.get('[data-title="Delete"]').click().then(() => {
|
||||
// cy.wait('@deleteWidget').its('response.statusCode').should('eq', 200);
|
||||
// cy.get('#layout-viewer .designer-region .widget-preview[data-type="widget_mastodon"]')
|
||||
// .should('not.exist');
|
||||
// });
|
||||
});
|
||||
});
|
||||
101
cypress/e2e/Layout/Widget/layout_editor_rss_ticker.cy.js
Normal file
101
cypress/e2e/Layout/Widget/layout_editor_rss_ticker.cy.js
Normal file
@@ -0,0 +1,101 @@
|
||||
/*
|
||||
* Copyright (C) 2025 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('RSS Ticker', function() {
|
||||
beforeEach(function() {
|
||||
cy.login();
|
||||
});
|
||||
|
||||
it('should create a new layout and be redirected to the layout designer, add/delete RSS ticker widget', function() {
|
||||
cy.intercept('DELETE', '**/region/**').as('deleteWidget');
|
||||
cy.intercept('POST', '/user/pref').as('userPref');
|
||||
|
||||
cy.visit('/layout/view');
|
||||
cy.get('button[href="/layout"]').click();
|
||||
|
||||
// Open widget menu
|
||||
cy.openToolbarMenu(0);
|
||||
|
||||
cy.get('[data-sub-type="rss-ticker"]')
|
||||
.scrollIntoView()
|
||||
.should('be.visible')
|
||||
.click();
|
||||
cy.wait('@userPref');
|
||||
|
||||
cy.get('[data-template-id="article_image_only"] > .toolbar-card-thumb')
|
||||
.scrollIntoView()
|
||||
.should('be.visible')
|
||||
.click();
|
||||
cy.wait('@userPref');
|
||||
|
||||
cy.get('.viewer-object.layout.ui-droppable-active')
|
||||
.should('be.visible')
|
||||
.click();
|
||||
|
||||
// Check if the widget is in the viewer
|
||||
cy.get('#layout-viewer .designer-region .widget-preview[data-type="widget_rss-ticker"]').should('exist');
|
||||
cy.get('#layout-viewer .designer-region .widget-preview[data-type="widget_rss-ticker"]').parents('.designer-region').click();
|
||||
|
||||
// Validate if uri is not provide we show an error message
|
||||
cy.get('[name="numItems"]').clear().type('10').trigger('change');
|
||||
cy.get('.form-container').contains('Missing required property Feed URL');
|
||||
|
||||
cy.get('[name="uri"]').clear();
|
||||
cy.get('[name="uri"]').type('http://xibo.org.uk/feed');
|
||||
cy.get('[name="numItems"]').clear().type('10').trigger('change');
|
||||
cy.get('[name="durationIsPerItem"]').check();
|
||||
cy.get('[name="takeItemsFrom"]').select('End of the Feed', {force: true});
|
||||
cy.get('[name="reverseOrder"]').check();
|
||||
cy.get('[name="randomiseItems"]').check();
|
||||
|
||||
cy.get('[name="userAgent"]').clear().type('Mozilla/5.0');
|
||||
cy.get('[name="updateInterval"]').clear().type('10').trigger('change');
|
||||
|
||||
// Click on Appearance Tab
|
||||
cy.get('.nav-link[href="#appearanceTab"]').click();
|
||||
cy.get('[name="backgroundColor"]').clear().type('#dddddd');
|
||||
cy.get('[name="itemImageFit"]').select('Fill', {force: true});
|
||||
cy.get('[name="effect"]').select('Fade', {force: true});
|
||||
cy.get('[name="speed"]').clear().type('500');
|
||||
// Update CKEditor value
|
||||
cy.updateCKEditor('noDataMessage', 'No data to show');
|
||||
cy.get('[name="copyright"]').clear().type('Xibo').trigger('change');
|
||||
|
||||
// Delete widget
|
||||
// The .moveable-control-box overlay obstructing the right-click interaction on the designer region, causing the test to fail.
|
||||
// By invoking .hide(), we remove the overlay temporarily to allow uninterrupted interaction with the underlying elements.
|
||||
cy.get('.moveable-control-box').invoke('hide');
|
||||
|
||||
cy.get('#layout-viewer .designer-region .widget-preview[data-type="widget_rss-ticker"]')
|
||||
.parents('.designer-region')
|
||||
.scrollIntoView()
|
||||
.should('be.visible')
|
||||
.rightclick();
|
||||
|
||||
// Wait until the widget has been deleted
|
||||
// cy.get('[data-title="Delete"]').click().then(() => {
|
||||
// cy.wait('@deleteWidget').its('response.statusCode').should('eq', 200);
|
||||
// cy.get('#layout-viewer .designer-region .widget-preview[data-type="widget_rss-ticker"]')
|
||||
// .should('not.exist');
|
||||
// });
|
||||
});
|
||||
});
|
||||
Reference in New Issue
Block a user