test(FileUpload): add file upload to e2e happy path

app/components/submission/FileUploads/FileUploads.js

@@ -21,6 +21,7 @@ const FileUploads = ({ onDrop, conversion }) => (
       <Box mb={3} width={1}>
         <FileUpload
           conversion={conversion}
+          data-test-id="upload"
           instruction="Drag and drop or click to upload your cover letter"
           onDrop={onDrop}
         />

app/components/ui/atoms/FileUpload.js

@@ -26,10 +26,11 @@ const CentredFlex = styled(Flex)`
   align-items: center;
 `
 
-const FileUpload = ({ onDrop, conversion, instruction }) => (
+const FileUpload = ({ onDrop, conversion, instruction, ...props }) => (
   <StyledDropzone
     accept="application/vnd.openxmlformats-officedocument.wordprocessingml.document"
     onDrop={onDrop}
+    {...props}
   >
     <CentredFlex>
       <Box width={1}>

test/submission.e2e.js

@@ -42,10 +42,15 @@ test('Happy path', async t => {
     .typeText('[name=lastName]', 'Author')
     .typeText('[name=email]', 'anne.author@life.ac.uk')
     .typeText('[name=institute]', 'University of Life')
-    .click('[data-test-id=next')
+    .click('[data-test-id=next]')
 
   // file uploads
-  await t.click('[data-test-id=next]')
+  await t
+    .setFilesToUpload(
+      '[data-test-id=upload]>input',
+      './fixtures/dummy-manuscript.docx',
+    )
+    .click('[data-test-id=next]')
 
   // metadata
   await t.click('[data-test-id=next]')