fix(StatementForm): broken update

Author: Betree

app/components/Statements/Statement.jsx

@@ -17,7 +17,7 @@ export default class Statement extends React.PureComponent {
     const { statement, speaker, handleEdit, handleDelete, withoutActions, offset = 0 } = this.props
 
     return (
-      <div>
+      <div data-cy="statement">
         <StatementHeader
           statementTime={statement.time + offset}
           isDraft={statement.is_draft}

cypress/e2e/video_debate/statement_form.spec.js

@@ -0,0 +1,40 @@
+describe('Can add and edit statements', () => {
+  it('adds a new statement then edits it', () => {
+    const statementText = `Cypress statement ${Date.now()}`
+    const updatedStatementText = `${statementText} - edited`
+
+    cy.login().then(() => {
+      cy.visit('/videos/Jzqg')
+
+      cy.contains('div', 'Add a Statement', { matchCase: false, timeout: 10000 }).parent().click()
+
+      cy.get('#col-video')
+        .find('a[href^="/s/"]')
+        .first()
+        .invoke('text')
+        .then((speakerName) => {
+          if (speakerName) {
+            cy.get('input[name="speaker_id"]').type(`${speakerName.trim()}{enter}`, { force: true })
+          }
+        })
+
+      cy.get('textarea[name="text"]').type(statementText)
+
+      cy.contains('button[type=submit]', 'Save').click()
+
+      cy.contains('blockquote', statementText, { timeout: 15000 }).should('exist')
+
+      cy.contains('[data-cy="statement"]', statementText)
+        .find('button[aria-haspopup="menu"]')
+        .click()
+
+      cy.contains('[role="menuitem"]', 'Edit').click()
+
+      cy.get('textarea[name="text"]').clear().type(updatedStatementText)
+
+      cy.contains('button[type=submit]', 'Save').click()
+
+      cy.contains('[data-cy="statement"]', updatedStatementText, { timeout: 15000 }).should('exist')
+    })
+  })
+})

package-lock.json

@@ -115,7 +115,7 @@
     "reactjs-popup": "~2.0.6",
     "redux": "~4.2.1",
     "redux-actions": "~2.6.5",
-    "redux-form": "8.3.10",
+    "redux-form": "8.3.9",
     "redux-promise": "~0.6.0",
     "redux-thunk": "~2.3.0",
     "remark-gfm": "4.0.1",