tao-test/app/taoQtiItem/views/cypress/tests/item-authoring.spec.js

203 lines
7.2 KiB
JavaScript

/**
* This program is free software; you can redistribute it and/or
* modify it under the terms of the GNU General Public License
* as published by the Free Software Foundation; under version 2
* of the License (non-upgradable).
*
* This program 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 General Public License for more details.
*
* You should have received a copy of the GNU General Public License
* along with this program; if not, write to the Free Software
* Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.
*
* Copyright (c) 2021 (original work) Open Assessment Technologies SA ;
*/
import urls from '../utils/urls';
import selectors from '../utils/selectors';
import {
addBlockAndInlineInteractions,
removeBlockAndInlineInteractions,
addCommonInteractions,
removeCommonInteractions,
addMediaInteraction,
removeMediaInteraction,
addGraphicInteractions,
removeGraphicInteractions
} from '../utils/authoring-add-interactions';
describe('Item Authoring', () => {
const className = 'Test E2E class';
const itemName = 'Test E2E item 1';
/**
* Log in
* Visit the page
*/
before(() => {
cy.loginAsAdmin();
cy.intercept('POST', '**/edit*').as('edit');
cy.intercept('POST', `**/${selectors.editClassLabelUrl}`).as('editClassLabel');
cy.viewport(1000, 660);
cy.visit(urls.items);
cy.wait('@edit');
cy.get(selectors.root).then(root => {
if (root.find(`li[title="${className}"] a`).length) {
cy.deleteClassFromRoot(
selectors.root,
selectors.itemClassForm,
selectors.deleteClass,
selectors.deleteConfirm,
className,
selectors.deleteClassUrl,
selectors.resourceRelations,
false,
true
);
}
});
});
after(() => {
cy.intercept('POST', '**/edit*').as('edit');
cy.visit(urls.items);
cy.wait('@edit');
cy.get(selectors.root).then(root => {
if (root.find(`li[title="${className}"] a`).length) {
cy.deleteClassFromRoot(
selectors.root,
selectors.itemClassForm,
selectors.deleteClass,
selectors.deleteConfirm,
className,
selectors.deleteClassUrl,
selectors.resourceRelations,
false,
true
);
}
});
});
/**
* Tests
*/
describe('Item authoring', () => {
it('can open item authoring', function () {
cy.addClassToRoot(
selectors.root,
selectors.itemClassForm,
className,
selectors.editClassLabelUrl,
selectors.treeRenderUrl,
selectors.addSubClassUrl
);
cy.addNode(selectors.itemForm, selectors.addItem);
cy.renameSelectedNode(selectors.itemForm, selectors.editItemUrl, itemName);
cy.get(selectors.authoring).click();
cy.location().should(loc => {
expect(`${loc.pathname}${loc.search}`).to.eq(urls.itemAuthoring);
});
});
it('should be "Manage Items" button', function () {
cy.get('[data-testid="manage-items"]').should('have.length', 1);
});
it('should be "Save" button', function () {
cy.get('[data-testid="save-the-item"]').should('have.length', 1);
});
it('should be disabled "Preview Item" button', function () {
cy.get('[data-testid="preview-the-item"]').should('have.class', 'disabled');
});
it('should be item editor panel', function () {
cy.get('#item-editor-panel').should('have.length', 1);
});
it('should be item properties right panel', function () {
cy.get('#item-editor-item-widget-bar').should('have.length', 1);
});
it('should be interactions left panel', function () {
cy.get('#item-editor-interaction-bar').should('have.length', 1);
});
it('can add inline interactions to Block', () => {
cy.getSettled('.qti-item.item-editor-item.edit-active').should('exist');
// open inline interactions panel
cy.get('#sidebar-left-section-inline-interactions').click();
addBlockAndInlineInteractions();
// close inline interactions panel
cy.get('#sidebar-left-section-inline-interactions ._accordion').click();
});
it('can add common interactions to canvas', () => {
addCommonInteractions();
});
it('can add media interaction to canvas and upload video', () => {
addMediaInteraction();
// close common interaction panel
cy.get('#sidebar-left-section-common-interactions ._accordion').click();
});
it('can add graphic interactions to canvas and upload image', () => {
// open graphic interactions panel
cy.get('#sidebar-left-section-graphic-interactions').click();
addGraphicInteractions();
});
it('can save item with interactions', () => {
cy.intercept('POST', '**/saveItem*').as('saveItem');
cy.get('[data-testid="save-the-item"]').click();
cy.wait('@saveItem').its('response.body').its('success').should('eq', true);
});
it('should be enabled "Preview Item" button', () => {
cy.get('[data-testid="preview-the-item"]').should('not.have.class', 'disabled');
});
it('can remove graphic interactions from canvas', () => {
// open graphic interactions panel
cy.get('#sidebar-left-section-graphic-interactions').click();
removeGraphicInteractions();
});
it('can remove media interaction from canvas', () => {
removeMediaInteraction();
// close common interaction panel
cy.get('#sidebar-left-section-common-interactions ._accordion').click();
});
it('can remove common interactions from canvas', () => {
removeCommonInteractions();
});
it('can remove inline interactions from Block', () => {
cy.getSettled('.qti-item.item-editor-item.edit-active').should('exist');
// open inline interactions panel
cy.get('#sidebar-left-section-inline-interactions').click();
removeBlockAndInlineInteractions();
// close inline interactions panel
cy.get('#sidebar-left-section-inline-interactions ._accordion').click();
});
it('can save item with removed interactions', () => {
cy.intercept('POST', '**/saveItem*').as('saveItem');
cy.get('[data-testid="save-the-item"]').click();
cy.wait('@saveItem').its('response.body').its('success').should('eq', true);
});
});
});