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

/**
 * 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,
    addCommonInteractions,
    addGraphicInteractions
} from '../utils/authoring-add-interactions';
import { setResponse } from '../utils/set-response';

describe('Item Authoring', () => {
    const className = 'Test E2E class';
    const itemName = 'Test E2E item 1';

    const commonWidgetSelector = (qtiClass) => `.widget-box.widget-blockInteraction[data-qti-class="${qtiClass}"]`;
    const inlineWidgetSelector = (qtiClass) => `.widget-box.${qtiClass}-placeholder`;
    const inlineWidgetActiveSelector = (qtiClass) => `.widget-box.widget-inline.widget-${qtiClass}`;
    const inlineInteractions = {
        inlineChoiceInteraction: 'inlineChoiceInteraction',
        textEntryInteraction: 'textEntryInteraction',
    };
    const interactions = {
        choice: 'choiceInteraction',
        order: 'orderInteraction',
        asociate: 'associateInteraction',
        match: 'matchInteraction',
        hottext: 'hottextInteraction',
        gapMatch: 'gapMatchInteraction',
        slider: 'sliderInteraction',
        extendedText: 'extendedTextInteraction',
        hotspotInteraction: 'hotspotInteraction',
        graphicOrderInteraction: 'graphicOrderInteraction',
        graphicAssociateInteraction: 'graphicAssociateInteraction',
        graphicGapMatchInteraction: 'graphicGapMatchInteraction',
        selectPointInteraction: 'selectPointInteraction'
    };

    /**
     * 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
                );
            }
        });
    });
    /**
     * Go to Items page
     * Delete 'Test E2E class' class/folder
     */
    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('can add interactions', function () {
            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();
            addCommonInteractions();
            // open graphic interactions panel
            cy.get('#sidebar-left-section-graphic-interactions').click();
            addGraphicInteractions();

            cy.get('#item-editor-scoll-container').scrollTo('top');
        });

        it('can set response to interactions', () => {
            for (const interaction in inlineInteractions) {
                cy.log('SETING RESPONSE IN INTERACTION', interaction);
                setResponse(
                    inlineWidgetSelector(inlineInteractions[interaction]),
                    inlineWidgetActiveSelector(inlineInteractions[interaction]),
                    inlineInteractions[interaction]
                );
                cy.log(interaction, 'RESPONSE IS SET');
            }
            for (const interaction in interactions) {
                cy.log('SETING RESPONSE IN INTERACTION', interaction);
                setResponse(
                    commonWidgetSelector(interactions[interaction]),
                    commonWidgetSelector(interactions[interaction]),
                    interactions[interaction]
                );
                cy.log(interaction, 'RESPONSE IS SET');
            }
        });

        it('can save item with responses in 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);
        });
    });
});