135 lines
3.9 KiB
JavaScript
135 lines
3.9 KiB
JavaScript
import {getMinimalMe} from '../../../support/helpers';
|
|
|
|
describe('The Room Page', () => {
|
|
const entryText = 'something should be here';
|
|
const entryTitle = 'some title';
|
|
const slug = 'ein-historisches-festival';
|
|
const id = btoa('RoomNode:1');
|
|
const room = {
|
|
id,
|
|
slug,
|
|
restricted: false,
|
|
roomEntries: {
|
|
edges: [],
|
|
},
|
|
};
|
|
|
|
const RoomEntriesQuery = {
|
|
room,
|
|
};
|
|
|
|
const operations = {
|
|
MeQuery: getMinimalMe({}),
|
|
RoomEntriesQuery,
|
|
AddRoomEntry: {
|
|
addRoomEntry: {
|
|
roomEntry: {
|
|
title: entryTitle,
|
|
contents: [
|
|
{
|
|
type: 'text_block',
|
|
value: {
|
|
text: entryText,
|
|
},
|
|
},
|
|
],
|
|
author: {
|
|
firstName: 'Rachel',
|
|
lastName: 'Green',
|
|
id: 'rachels-id',
|
|
},
|
|
},
|
|
errors: [],
|
|
},
|
|
},
|
|
};
|
|
|
|
const checkRadioButton = () => {
|
|
cy.get('.base-input-container__input:checked + .base-input-container__radiobutton svg').should('have.length', 1);
|
|
};
|
|
|
|
beforeEach(() => {
|
|
cy.setup();
|
|
});
|
|
|
|
it('displays new room entry with author name', () => {
|
|
cy.mockGraphqlOps({
|
|
operations,
|
|
});
|
|
cy.visit(`/room/${slug}`);
|
|
|
|
cy.get('[data-cy=add-room-entry-button]').click();
|
|
cy.get('.add-content-element:first-of-type').click();
|
|
cy.get('[data-cy=choose-text-widget]').click();
|
|
cy.get('[data-cy=modal-title-input] > .modal-input__inputfield').type(entryTitle);
|
|
|
|
cy.get('[data-cy=text-form-input]').type(entryText);
|
|
cy.get('[data-cy=modal-save-button]').click();
|
|
|
|
cy.get('.room-entry__content:first').should('contain', entryText).should('contain', 'Rachel Green');
|
|
});
|
|
|
|
it('room actions should not exist for student', () => {
|
|
const operations = {
|
|
MeQuery: getMinimalMe({isTeacher: false}),
|
|
RoomEntriesQuery,
|
|
};
|
|
|
|
cy.mockGraphqlOps({
|
|
operations,
|
|
});
|
|
cy.visit(`/room/${slug}`);
|
|
|
|
cy.getByDataCy('room-title').should('exist');
|
|
cy.getByDataCy('room-actions').should('not.exist');
|
|
});
|
|
|
|
it('changes visibility of a room', () => {
|
|
const MeQuery = getMinimalMe({
|
|
isTeacher: true,
|
|
});
|
|
const operations = {
|
|
MeQuery,
|
|
RoomEntriesQuery,
|
|
UpdateRoomVisibility: {
|
|
updateRoomVisibility: {
|
|
success: true,
|
|
room: {
|
|
...room,
|
|
restricted: true,
|
|
},
|
|
},
|
|
},
|
|
};
|
|
|
|
cy.mockGraphqlOps({
|
|
operations,
|
|
});
|
|
|
|
cy.visit(`/room/${slug}`);
|
|
cy.getByDataCy('room-visibility-status').should('contain', 'alle Lernenden');
|
|
cy.getByDataCy('toggle-room-actions-menu').click();
|
|
cy.getByDataCy('change-visibility').click();
|
|
cy.getByDataCy('modal-title').should('contain', 'Sichtbarkeit anpassen');
|
|
cy.get('.change-visibility__radio').should('have.length', 2);
|
|
cy.get('.change-visibility__radio--selected').should('have.length', 1);
|
|
checkRadioButton();
|
|
cy.get('.change-visibility__radio--selected').should('have.length', 1).should('contain', 'alle Lernenden');
|
|
checkRadioButton();
|
|
cy.getByDataCy('select-option').eq(0).click();
|
|
cy.get('.change-visibility__radio--selected').should('have.length', 1);
|
|
checkRadioButton();
|
|
cy.getByDataCy('select-option').eq(1).click();
|
|
cy.getByDataCy('select-option').eq(1).click();
|
|
cy.get('.change-visibility__radio--selected').should('have.length', 1).should('contain', 'eigenen Beiträge');
|
|
checkRadioButton();
|
|
cy.getByDataCy('modal-save-button').click();
|
|
cy.getByDataCy('room-visibility-status').should('contain', 'eigenen Beiträge');
|
|
cy.getByDataCy('toggle-room-actions-menu').click();
|
|
cy.getByDataCy('change-visibility').click();
|
|
cy.getByDataCy('modal-title').should('contain', 'Sichtbarkeit anpassen');
|
|
cy.get('.change-visibility__radio--selected').should('have.length', 1).should('contain', 'eigenen Beiträge');
|
|
checkRadioButton();
|
|
});
|
|
});
|