Test real component being rendered on page (#8)

* Test real component being rendered on page

* Fix tests

* Remove eslintConfig from package.json - see facebook/create-react-app#649
* Use latest version of yarn
* Tidy packages - reason-react is a dependency, not dev-dependency
* Need to run bsb -make-world before running tests
* No need to run build before test

* Run clean before test

* reason-scripts is dev dependency
* Test if this caches ocaml building each time

* Fix tests - rescript-lang/rescript#3094

* Pin version correctly and remove linking bs-platform

Author: caulagi

.travis.yml

@@ -1,9 +1,15 @@
 language: node_js
 node_js:
   - 8
+  - 10
+before_install:
+  - curl -o- -L https://yarnpkg.com/install.sh | bash
+  - export PATH="$HOME/.yarn/bin:$PATH"
 cache:
+  yarn: true
   directories:
     - node_modules
+    - $HOME/.cache
 script:
-  - yarn run build
+  - yarn clean
   - yarn test

bsconfig.json

@@ -1,7 +1,15 @@
 {
-  "name": "reason-scripts",
-  "sources": ["src"],
-  "bs-dependencies": ["reason-react", "@glennsl/bs-jest", "bs-fetch"],
+  "name": "ishakuni-frontend",
+  "bsc-flags": ["-bs-no-version-header", "-bs-super-errors"],
+  "sources": [
+    {
+      "dir": "src"
+    },
+    {
+      "dir": "src/__tests__",
+      "type": "dev"
+    }
+  ],
   "reason": {
     "react-jsx": 2
   },
@@ -10,5 +18,14 @@
     "module": "commonjs",
     "in-source": true
   },
+  "bs-dependencies": [
+    "reason-react",
+    "bs-fetch"
+  ],
+  "bs-dev-dependencies": [
+    "@glennsl/bs-jest",
+    "bs-jest-dom",
+    "bs-react-testing-library"
+  ],
   "suffix": ".bs.js"
 }

package.json

@@ -5,19 +5,28 @@
   "dependencies": {
     "react": "^16.3.1",
     "react-dom": "^16.3.1",
-    "reason-scripts": "^1.0.0"
+    "reason-react": "^0.5.3"
   },
   "scripts": {
     "start": "react-scripts start",
     "build": "react-scripts build",
+    "pretest": "bsb -make-world",
     "test": "react-scripts test",
     "eject": "react-scripts eject",
-    "prepare": "npm link bs-platform"
+    "clean": "bsb -clean-world",
+    "preclean": "rimraf lib .merlin"
   },
   "devDependencies": {
+    "@babel/plugin-transform-modules-commonjs": "^7.1.0",
     "@glennsl/bs-jest": "^0.4.4",
     "bs-fetch": "^0.3.0",
-    "reason-react": "^0.5.3"
+    "bs-jest-dom": "^1.0.0",
+    "bs-platform": "4.0.5",
+    "bs-react-testing-library": "^0.4.0",
+    "jest-dom": "^2.1.0",
+    "react-testing-library": "^5.2.0",
+    "reason-scripts": "^1.0.0",
+    "rimraf": "^2.6.2"
   },
   "browserslist": [
     ">0.2%",

src/__tests__/app_test.re

@@ -0,0 +1,15 @@
+open Jest;
+open JestDom;
+open ReactTestingLibrary;
+
+describe("App on default load", () => {
+
+  test("shows project tagline", () => {
+    let message = "Fantasy bets";
+    <App message=message />
+    |> render
+    |> getByText(~matcher=`Str(message))
+    |> expect
+    |> toBeInTheDocument
+  });
+});