diff --git a/app/components/submission/FileUploads/FileUploads.js b/app/components/submission/FileUploads/FileUploads.js
index 646c49ba4c72d64451ac28d72182952f66743e03..bb22cc93eb2121b7f15b08ca2ba7c9823f4e30ee 100644
--- a/app/components/submission/FileUploads/FileUploads.js
+++ b/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}
         />
diff --git a/app/components/ui/atoms/FileUpload.js b/app/components/ui/atoms/FileUpload.js
index 34347b0fdf77a74a96e6134c9cf8f644d1798018..13280c4a5634425cb987c8314fb95b0a165318f1 100644
--- a/app/components/ui/atoms/FileUpload.js
+++ b/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}>
diff --git a/test/fixtures/dummy-manuscript.doc b/test/fixtures/dummy-manuscript.doc
new file mode 100644
index 0000000000000000000000000000000000000000..90d533bc04fe8451db49e757f869dd4efa7f7b19
Binary files /dev/null and b/test/fixtures/dummy-manuscript.doc differ
diff --git a/test/fixtures/dummy-manuscript.docx b/test/fixtures/dummy-manuscript.docx
new file mode 100644
index 0000000000000000000000000000000000000000..52b8d6b50bb26c3a459d25ea2be821e8b34c22a4
Binary files /dev/null and b/test/fixtures/dummy-manuscript.docx differ
diff --git a/test/submission.e2e.js b/test/submission.e2e.js
index a564e61330735238b15ac0a5c2f1eae41dbcd2aa..4da0e885ff3996615874f0cf35bd62528cbb8040 100644
--- a/test/submission.e2e.js
+++ b/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]')