chore(unit-tests): add minimal unit-test-setup

__tests__/Utils_test.re

@@ -0,0 +1,35 @@
+open Jest;
+
+open Expect;
+
+describe("`keyHasher`", () =>
+ test("should return the expected hash", () =>
+ expect(Utils.keyHasher("It was a long and lonely road"))
+ |> toEqual("2476213412")
+ )
+);
+
+describe("`generateImgUrl`", () =>
+ test("should build asset-server-url", () =>
+ expect(Utils.generateImgUrl("test"))
+ |> toBe(
+ "https://s3.eu-central-1.amazonaws.com/punk-api-images/resized/test.jpg"
+ )
+ )
+);
+
+describe("`getFileName`", () => {
+ describe("with valid url", () =>
+ test("should extract the filename without extension", () =>
+ expect(
+ Utils.getFilename("http:https://www.example.org/v2/tarball/example.png")
+ )
+ |> toEqual(Some("example"))
+ )
+ );
+ describe("with empty url", () =>
+ test("should return `None`", () =>
+ expect(Utils.getFilename("")) |> toEqual(None)
+ )
+ );
+});

bsconfig.json

@@ -5,7 +5,13 @@
 {
  "name": "react-template",
  "reason": { "react-jsx": 2 },
- "sources": ["src"],
+ "sources": [
+ "src",
+ {
+ "dir": "__tests__",
+ "type": "dev"
+ }
+ ],
  "package-specs": [
  {
  "module": "commonjs",
@@ -15,5 +21,6 @@
  "suffix": ".bs.js",
  "namespace": true,
  "bs-dependencies": ["reason-react", "bs-axios", "re-classnames"],
+ "bs-dev-dependencies": ["@glennsl/bs-jest"],
  "refmt": 3
 }

package.json

@@ -7,9 +7,11 @@
  "start": "bsb -make-world -w",
  "clean": "bsb -clean-world",
  "test": "cypress run",
+ "test:unit": "jest",
  "dev": "webpack-serve --mode development",
  "host": "hs build -p 8080 --silent",
- "ci": "start-server-and-test host http:https://localhost:8080 test"
+ "ci":
+ "yarn test:unit && start-server-and-test host http:https://localhost:8080 test"
  },
  "keywords": ["BuckleScript"],
  "author": "",
@@ -23,12 +25,14 @@
  "reason-react": ">=0.3.0"
  },
  "devDependencies": {
+ "@glennsl/bs-jest": "^0.4.2",
  "autoprefixer": "^8.1.0",
  "bs-platform": "^2.2.2",
  "css-loader": "^0.28.10",
  "cypress": "^2.1.0",
  "html-webpack-plugin": "^3.0.4",
  "http-server": "^0.11.1",
+ "jest": "^22.4.3",
  "mini-css-extract-plugin": "^0.2.0",
  "postcss-loader": "^2.1.1",
  "purgecss-webpack-plugin": "^0.20.1",

src/Utils.re

@@ -1,6 +1,6 @@
-[@bs.module "murmurhash"] external v3 : string => string = "v3";
+[@bs.module "murmurhash"] external v3 : string => int = "v3";
 
-let keyHasher = v3;
+let keyHasher = input => v3(input) |> string_of_int;
 
 let jsErrorToExn = jsError => {
  let isObject = rawObj =>
@@ -48,12 +48,19 @@ let logError = err => {
 [@bs.scope ("window", "location")] [@bs.val]
 external basePath : string = "pathname";
 
-let getFilename = url =>
- Js.String.split("/", url)
- |> Js.Array.pop
- |> Js.Option.getWithDefault("")
- |> Js.String.split(".")
- |> Js.Array.shift;
+let getFilename = url => {
+ let filename =
+ url
+ |> Js.String.split("/")
+ |> Js.Array.pop
+ |> Js.Option.getWithDefault("")
+ |> Js.String.split(".")
+ |> Js.Array.shift;
+ switch filename {
+ | Some(filename) when String.length(filename) > 0 => Some(filename)
+ | _ => None
+ };
+};
 
 let generateImgUrl = filename =>
  "https://s3.eu-central-1.amazonaws.com/punk-api-images/resized/"