temp

package.json

@@ -31,6 +31,7 @@
     "semantic-release": "semantic-release",
     "start": "per-env",
     "start:development": "babel-node lib/build.js",
+    "testcafe": "testcafe chrome testcafe/testcafe.js",
     "pretty-quick": "pretty-quick --staged"
   },
   "config": {
@@ -100,6 +101,7 @@
     "semantic-release": "13.0.1",
     "sonarwhal": "1.0.0",
     "sort-package-json": "1.11.0",
+    "testcafe": "0.18.6",
     "uglifyjs-webpack-plugin": "1.2.2",
     "webpack": "4.1.0",
     "webpack-merge": "4.1.2"

testcafe/testcafe.js

@@ -0,0 +1,13 @@
+/* eslint-disable */
+
+import { Selector } from 'testcafe';
+
+fixture`Getting Started`.page`http://localhost:3000/`;
+
+test('Check that placeholder test is updated', async t => {
+  await t
+
+    // Use the assertion to check if the actual header text is equal to the expected one
+    .expect(Selector('#theBestPassword').innerText)
+    .notEql('placeholder');
+});