#58 add cypress e2e test for exporting/downloading stories from room

client/app/components/Settings/RoomExportFileDownload.js

@@ -9,7 +9,12 @@ import {getOwnUserToken} from '../../state/users/usersSelectors';
 const RoomExportFileDownload = ({roomId, userToken}) => {
   const {t} = useContext(L10nContext);
   return (
-    <button type="button" className="pure-button pure-button-primary" onClick={onDownloadClick}>
+    <button
+      type="button"
+      className="pure-button pure-button-primary"
+      onClick={onDownloadClick}
+      data-testid="storiesExportButton"
+    >
       {t('exportLinkText')} <i className="icon-download-cloud"></i>
     </button>
   );

client/cypress/.gitignore

@@ -1,2 +1,3 @@
 videos/
 screenshots/
+downloads/

client/cypress/e2e/_all.cy.js

@@ -10,6 +10,7 @@ import './backlogModification.cy';
 import './changeRoomSettings.cy';
 import './changeUserSettings.cy';
 import './estimateStory.cy';
+import './exportStories.cy';
 import './joinNewRandomRoom.cy';
 import './joinPasswordProtectedRoom.cy';
 import './mobileMenuToggling.cy';

client/cypress/e2e/exportStories.cy.js

@@ -0,0 +1,37 @@
+import {nanoid} from 'nanoid';
+import path from 'path';
+
+import {Room, Landing} from '../elements/elements';
+
+beforeEach(function () {
+  cy.fixture('users/default.json').then((data) => (this.user = data));
+  cy.fixture('stories.json').then((data) => (this.stories = data));
+});
+
+it('setup stories in new room and export them (download json)', function () {
+  const customRoomName = 'e2e-room-' + nanoid();
+
+  cy.visit('/');
+  Landing.extendButton().click();
+  Landing.customRoomNameField().type(customRoomName);
+  Landing.joinButton().click();
+
+  Landing.joinButton().click();
+  Landing.usernameField().type(this.user.username);
+  Landing.joinButton().click();
+
+  Room.Backlog.StoryAddForm.titleField().type(this.stories[3].title);
+  Room.Backlog.StoryAddForm.descriptionField().type(this.stories[3].description);
+  Room.Backlog.StoryAddForm.addButton().click();
+
+  Room.EstimationArea.estimationCard(21).click();
+  Room.Users.userEstimationGiven(21, true); // since auto reveal is on by default. and we are one single user in the room
+
+  // now go to room settings and click "Download"
+  Room.TopBar.settingsToggleButton().click();
+  Room.Settings.storiesExportButton().click();
+
+  const downloadsFolder = Cypress.config('downloadsFolder');
+  const downloadedFilename = path.join(downloadsFolder, `${customRoomName.toLowerCase()}.json`);
+  cy.readFile(downloadedFilename); // will fail if file does not exist!
+});

client/cypress/elements/elements.js

@@ -56,7 +56,8 @@ const elements = {
       roomPasswordField: () => cy.get(tid('settings', 'roomPasswordInput')),
       roomPasswordInputRepeat: () => cy.get(tid('settings', 'roomPasswordInputRepeat')),
       autoRevealToggle: () => cy.get(tid('settings', 'toggleAutoReveal')),
-      confidenceToggle: () => cy.get(tid('settings', 'toggleConfidence'))
+      confidenceToggle: () => cy.get(tid('settings', 'toggleConfidence')),
+      storiesExportButton: () => cy.get(tid('settings', 'storiesExportButton'))
     },
 
     Backlog: {