updated integration tests for new ui

app/ui/archiveTile.js

@@ -196,6 +196,7 @@ module.exports.wip = function(state, emit) {
     ${expiryOptions(state, emit)}
     ${password(state, emit)}
     <button
+      id="upload-btn"
       class="flex-none border rounded bg-blue text-white mt-2 py-2 px-6"
       title="${state.translate('uploadFilesButton')}"
       onclick=${upload}>
@@ -314,6 +315,7 @@ module.exports.preview = function(state, emit) {
     ${archiveDetails(state.translate, archive)}
     <hr class="w-full border-t">
     <button
+      id="download-btn"
       class="flex-none border rounded bg-blue text-white mt-2 py-2 px-6"
       title="${state.translate('downloadButtonLabel')}"
       onclick=${download}>

app/ui/copyDialog.js

@@ -10,7 +10,7 @@ module.exports = function(name, url) {
         'copyUrlFormLabelWithName',
         { filename: name }
       )}</p>
-      <input type="text" class="w-full my-4 border rounded leading-loose" value=${url} readonly="true"/>
+      <input type="text" id="share-url" class="w-full my-4 border rounded leading-loose" value=${url} readonly="true"/>
       <button class="border rounded bg-blue text-white leading-loose w-full" onclick=${copy}>
         ${state.translate('copyUrlFormButton')}
       </button>

app/ui/download.js

@@ -87,7 +87,7 @@ module.exports = function(state, emit) {
         break;
       case 'complete':
         content = html`
-        <div class="flex flex-col items-center justify-center h-full bg-white border border-grey-light p-2">
+        <div id="download-complete" class="flex flex-col items-center justify-center h-full bg-white border border-grey-light p-2">
           <h1 class="text-center">${state.translate('downloadFinish')}</h1>
           <p class="">
             <a href="/" class="text-blue">${state.translate(