Test email verification journey

Author: textbook

e2e/fixtures/server.js

@@ -1,11 +1,13 @@
 const express = require('express')
 const cors = require('cors')
+const morgan = require('morgan')
 
 const port = parseInt(process.env.MOCK_PORT || '3001')
 
 const app = express()
   .use(cors())
   .use(express.json({ type: '*/*' }))
+  .use(morgan('dev'))
 
 const calls = []
 
@@ -14,11 +16,9 @@ app.get('/cities', (_, res) => {
 })
 
 app.post('/volunteer', (req, res) => {
-  console.log({
-    body: req.body,
-    headers: req.headers
-  })
   calls.push({
+    method: 'POST',
+    path: '/volunteer',
     body: req.body,
     headers: req.headers
   })
@@ -34,6 +34,17 @@ app.post('/_reset', (req, res) => {
   res.sendStatus(204)
 })
 
+app.use((req, res) => {
+  const call = {
+    body: req.body,
+    headers: req.headers,
+    method: req.method,
+    path: req.path
+  }
+  calls.push(call)
+  res.sendStatus(200)
+})
+
 app.listen(port, () => {
   console.log(`Listening on ${port}`)
 })

e2e/integration/journey.test.js

@@ -42,7 +42,9 @@ it('can submit a minimal form', () => {
   cy.findByRole('button', { name: /submit/i }).click()
 
   cy.request(`${mockServerURL}/_calls`).then(response => {
-    const [{ body: payload }] = response.body
+    const [{ body: payload, method, path }] = response.body
+    expect(method).to.equal('POST')
+    expect(path).to.equal('/volunteer')
     expect(payload).to.deep.eq({
       ...initialData,
       agreeToReceiveCommunication: true,

e2e/integration/withCode.test.js

@@ -0,0 +1,28 @@
+const mockServerURL = 'http://localhost:3001'
+
+beforeEach(() => {
+  cy.request('POST', `${mockServerURL}/_reset`)
+})
+
+it('lets you request a reminder email', () => {
+  const userId = 'whoever'
+  const code = 'whatever'
+  const email = '[email protected]'
+  cy.visit(`/code/${userId}/${code}`)
+
+  cy.findByText(/you have been re-directed to fill in this form/i).should(
+    'exist'
+  )
+  // TODO why is this a clickable span?!
+  cy.findByText('here').click()
+  // TODO not accessible by label
+  cy.findByRole('textbox').type(email)
+  cy.findByRole('button', { name: /submit/i }).click()
+  cy.request(`${mockServerURL}/_calls`).then(({ body }) => {
+    expect(body).to.have.length(1)
+    const [{ body: payload, method, path }] = body
+    expect(method).to.equal('POST')
+    expect(path).to.equal('/volunteer/email/verification')
+    expect(payload).to.deep.equal({ email, userId })
+  })
+})

package.json

@@ -77,6 +77,7 @@
     "eslint-plugin-react": "^7.14.3",
     "husky": "^3.0.4",
     "lint-staged": "^9.2.5",
+    "morgan": "^1.10.0",
     "prettier": "^1.18.2",
     "serve": "^13.0.4",
     "wait-on": "^3.3.0"

yarn.lock

@@ -2942,6 +2942,13 @@ base@^0.11.1:
     mixin-deep "^1.2.0"
     pascalcase "^0.1.1"
 
+basic-auth@~2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/basic-auth/-/basic-auth-2.0.1.tgz#b998279bf47ce38344b4f3cf916d4679bbf51e3a"
+  integrity sha512-NF+epuEdnUYVlGuhaxbbq+dvJttwLnGY+YixlXlME5KpQ5W3CnXA5cVTneY3SPbPDRkcjMbifrwmFYcClgOZeg==
+  dependencies:
+    safe-buffer "5.1.2"
+
 [email protected]:
   version "0.6.1"
   resolved "https://registry.yarnpkg.com/batch/-/batch-0.6.1.tgz#dc34314f4e679318093fc760272525f94bf25c16"
@@ -4750,7 +4757,7 @@ delegates@^1.0.0:
   resolved "https://registry.yarnpkg.com/delegates/-/delegates-1.0.0.tgz#84c6e159b81904fdca59a0ef44cd870d31250f9a"
   integrity sha512-bd2L678uiWATM6m5Z1VzNCErI3jiGzt6HGY8OVICs40JQq/HALfbyNJmp0UDakEY4pMMaN0Ly5om/B1VI/+xfQ==
 
-[email protected]:
+[email protected], depd@~2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/depd/-/depd-2.0.0.tgz#b696163cc757560d09cf22cc8fad1571b79e76df"
   integrity sha512-g7nH6P6dyDioJogAAGprGpCtVImJhpPk/roCzdb3fIh61/s/nPsfR6onyMwkCAR/OlC3yBC0lESvUoQEAssIrw==
@@ -9605,6 +9612,17 @@ moment@^2.21.0, moment@^2.22.2, moment@^2.23.0:
   resolved "https://registry.yarnpkg.com/moment/-/moment-2.29.4.tgz#3dbe052889fe7c1b2ed966fcb3a77328964ef108"
   integrity sha512-5LC9SOxjSc2HF6vO2CyuTDNivEdoz2IvyJJGj6X8DJ0eFyfszE0QiEd+iXmBvUP3WHxSjFH/vIsA0EN00cgr8w==
 
+morgan@^1.10.0:
+  version "1.10.0"
+  resolved "https://registry.yarnpkg.com/morgan/-/morgan-1.10.0.tgz#091778abc1fc47cd3509824653dae1faab6b17d7"
+  integrity sha512-AbegBVI4sh6El+1gNwvD5YIck7nSA36weD7xvIxG4in80j/UoK8AEGaWnnz8v1GxonMCltmlNs5ZKbGvl9b1XQ==
+  dependencies:
+    basic-auth "~2.0.1"
+    debug "2.6.9"
+    depd "~2.0.0"
+    on-finished "~2.3.0"
+    on-headers "~1.0.2"
+
 move-concurrently@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/move-concurrently/-/move-concurrently-1.0.1.tgz#be2c005fda32e0b29af1f05d7c4b33214c701f92"
@@ -10303,6 +10321,13 @@ [email protected]:
   dependencies:
     ee-first "1.1.1"
 
+on-finished@~2.3.0:
+  version "2.3.0"
+  resolved "https://registry.yarnpkg.com/on-finished/-/on-finished-2.3.0.tgz#20f1336481b083cd75337992a16971aa2d906947"
+  integrity sha512-ikqdkGAAyf/X/gPhXGvfgAytDZtDbr+bkNUJ0N9h5MI/dmdgCs3l6hoHrcUv41sRKew3jIwrp4qQDXiK99Utww==
+  dependencies:
+    ee-first "1.1.1"
+
 on-headers@~1.0.1, on-headers@~1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/on-headers/-/on-headers-1.0.2.tgz#772b0ae6aaa525c399e489adfad90c403eb3c28f"