diff --git a/client/cypress/integration/frontend/rooms/article-page.spec.js b/client/cypress/integration/frontend/rooms/article-page.spec.js index 692b9101..5ef7e1d3 100644 --- a/client/cypress/integration/frontend/rooms/article-page.spec.js +++ b/client/cypress/integration/frontend/rooms/article-page.spec.js @@ -69,4 +69,14 @@ describe('Article page', () => { cy.getByDataCy('submit-comment').should('contain', 'Kommentar teilen').click(); cy.getByDataCy('comment').first().should('contain', commentText + emoji); }); + + it('does not show input field on mobile', () => { + cy.mockGraphqlOps({ + operations, + }); + cy.viewport('iphone-8'); + cy.visit(`/article/${slug}`); + cy.getByDataCy('article-title').should('exist'); + cy.getByDataCy('comment-textarea').should('not.be.visible'); + }); }); diff --git a/client/cypress/integration/frontend/rooms/room-page.spec.js b/client/cypress/integration/frontend/rooms/room-page.spec.js index bad29605..78895913 100644 --- a/client/cypress/integration/frontend/rooms/room-page.spec.js +++ b/client/cypress/integration/frontend/rooms/room-page.spec.js @@ -383,6 +383,21 @@ describe('The Room Page (student)', () => { cy.getByDataCy('room-entry').should('have.length', 1).within(() => { cy.getByDataCy('entry-count').should('contain.text', '2'); }); + }); + it('does not show actions on mobile', () => { + const operations = { + MeQuery, + RoomEntriesQuery, + }; + cy.mockGraphqlOps({ + operations, + }); + cy.viewport('iphone-8'); + + cy.visit(`/room/${slug}`); + cy.getByDataCy('room-actions').should('not.exist'); + cy.getByDataCy('room-entry').should('have.length', 1); + cy.getByDataCy('room-entry-actions').should('not.be.visible'); }); }); diff --git a/client/src/components/rooms/RoomActions.vue b/client/src/components/rooms/RoomActions.vue index 44f48bc5..895ca287 100644 --- a/client/src/components/rooms/RoomActions.vue +++ b/client/src/components/rooms/RoomActions.vue @@ -1,6 +1,7 @@