test(e2e): more reliable api test suite

This changes the way we enter API address/config from programmatic
to full simulation of user input and adds tiny slow down between each
key stroke.

This should solve the problem of newly added UI feedback not engaging,
and make CI both more reliable and green again.

While at it, made it CI-agnostic, in preparation for move to
GithubActions

test/e2e/jest-puppeteer.config.js

@@ -1,9 +1,9 @@
 const debug = process.env.DEBUG === 'true'
-const travis = process.env.TRAVIS === 'true'
+const ci = process.env.TRAVIS === 'true' || process.env.CI === 'true'
 module.exports = {
   launch: {
     dumpio: debug, // print all IO to the console
-    headless: (!debug || travis), // show browser window when in debug mode
-    slowMo: debug ? 50 : undefined // slow down scripted tests when debugging in non-headless mode
+    headless: (!debug || ci), // show browser window when in debug mode
+    slowMo: debug ? 50 : 5 // slow down scripted tests when debugging in non-headless mode
   }
 }

test/e2e/remote-api.test.js

@@ -112,9 +112,9 @@ const switchIpfsApiEndpointViaSettings = async (endpoint) => {
   await page.goto(webuiUrl + '#/settings')
   const selector = 'input[id="api-address"]'
   await page.waitForSelector(selector)
-  await page.evaluate(s => { document.querySelector(s).value = '' }, selector)
+  await page.click(selector, { clickCount: 3 }) // select all
   await page.type(selector, endpoint)
-  await page.keyboard.type('\n')
+  await page.type(selector, '\n')
   await waitForIpfsApiEndpoint(endpoint)
   await page.reload()
 }