unit tests

f8ca62b2 · Pierre Jarriges · 2cced6d2 · f8ca62b2 · f8ca62b2 · f8ca62b2
Commit f8ca62b2 authored 3 years ago by Pierre Jarriges
--- a/.gitignore
+++ b/.gitignore
+node_modules
--- a/index.js
+++ b/index.js
@@ -140,7 +140,13 @@ module.exports = {
        locale = this.format_locale(locale);
        return new Promise((resolve, reject) => {
            fetch(`${this.translations_url}${locale}.json`)
-                .then(response => response.json())
+                .then(response => {
+                    if (response.status === 200) {
+                        return response.json();
+                    } else {
+                        throw Error("Translation file not found")
+                    }
+                })
                .then(response => {
                    this.translations = response;
                    this.locale = locale;

--- a/package-lock.json
+++ b/package-lock.json
--- a/package.json
+++ b/package.json
 {
  "name": "ks-cheap-translator",
-  "version": "0.1.2",
+  "version": "0.2.0",
  "description": "A micro library to perform text translation",
  "main": "index.js",
  "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1"
+    "test": "jest --detectOpenHandles"
  },
  "author": "Kuadrado Software",
  "license": "LGPL-3.0",
@@ -17,5 +17,9 @@
    "web",
    "frontend",
    "lightweight"
-  ]
+  ],
+  "devDependencies": {
+    "jest": "^27.3.1",
+    "jsdom": "^16.7.0"
+  }
 }
\ No newline at end of file
--- a/test/create-testing-context.js
+++ b/test/create-testing-context.js
+const { JSDOM } = require("jsdom");
+const http = require("http");
+
+const fr_json = {
+    "hello": "bonjour",
+    "You have X friends": "Tu as {%number%} amis"
+};
+
+const en_json = {
+    "You have X friends": "You have {%number%} friends"
+}
+
+const es_json = {
+    "hello": "hola",
+    "You have X friends": "Tienes {%number%} amigos"
+
+};
+
+module.exports = function () {
+    const base_html = `<!DOCTYPE html><html><body></body></html>`;
+    global.DOM = new JSDOM(base_html);
+    const { window } = DOM;
+    global.window = window;
+
+    const localStorageMock = (function () {
+        let store = {}
+        return {
+            getItem: function (key) {
+                return store[key] || null
+            },
+            setItem: function (key, value) {
+                store[key] = value.toString()
+            },
+            clear: function () {
+                store = {};
+            }
+        }
+    })()
+
+    Object.defineProperty(window, 'localStorage', {
+        value: localStorageMock,
+    });
+
+    global.localStorage = window.localStorage;
+    global.navigator = { language: "fr-FR" };
+    global.SERVER_PORT = 8989;
+    global.BASE_TEST_URL = "http://localhost" + ":" + SERVER_PORT;
+
+    global.fetch = function (url) {
+        return new Promise((resolve, reject) => {
+            const req = new window.XMLHttpRequest();
+            req.onload = function () {
+                req.json = async function () {
+                    const res = req.status === 200
+                        ? JSON.parse(req.responseText)
+                        : req.responseText;
+
+                    return res;
+                };
+                resolve(req);
+            };
+
+            try {
+                req.open("GET", BASE_TEST_URL + url);
+                req.send();
+            } catch (error) {
+                reject(error)
+            }
+        });
+    }
+
+    const server = http.createServer((req, res) => {
+        const path = req.url.replace(BASE_TEST_URL, "");
+        res.setHeader("access-control-allow-origin", "*");
+        res.setHeader("Content-Type", "application/json");
+
+        switch (path) {
+            case "/fr.json":
+                res.end(JSON.stringify(fr_json));
+                break;
+            case "/en.json":
+                res.end(JSON.stringify(en_json));
+                break;
+            case "/es.json":
+                res.end(JSON.stringify(es_json));
+                break;
+            default:
+                res.statusCode = 404;
+                res.setHeader("Content-Type", "text/plain");
+                res.end("File not found");
+        }
+    });
+
+    const sockets = new Set();
+    server.on('connection', (socket) => {
+        sockets.add(socket);
+        server.once('close', () => {
+            sockets.delete(socket);
+        });
+    });
+
+    global.close_server = () => {
+        for (const socket of sockets) {
+            socket.destroy(); sockets.delete(socket);
+        }
+        server.close();
+    }
+
+    server.listen(SERVER_PORT)
+}
\ No newline at end of file
--- a/test/test.js
+++ b/test/test.js
+const createTestingContext = require("./create-testing-context");
+const translator = require("..");
+
+createTestingContext();
+
+test("test trad fr", () => {
+    navigator.language = "fr-FR";
+    return translator.init({
+        supported_languages: ["en", "fr", "es"],
+        translations_url: "/",
+        local_storage_key: "ls-test-trad",
+    })
+        .then(() => {
+            expect(translator.trad("hello")).toBe("bonjour");
+        });
+});
+
+test("test change trad", () => {
+    return translator.update_translations("es").then(() => {
+        expect(localStorage.getItem("ls-test-trad")).toBe("es");
+        expect(translator.trad("hello")).toBe("hola");
+    });
+});
+
+test("test trad params", () => {
+    expect(translator.trad("You have X friends", { number: 0 }))
+        .toBe("Tienes 0 amigos");
+});
+
+test("unsupported trad return key", () => {
+    return translator.update_translations("it").catch(() => {
+        expect(translator.trad("hello")).toBe("hola");
+    });
+});
+
+test("unexisting key return key", () => {
+    expect(translator.trad("whatever")).toBe("whatever");
+});
+
+test("use url locale fragment in priority", () => {
+    expect(translator.locale).toBe("es");
+
+    DOM.reconfigure({ url: "http://some-url.com/fr/some-path" });
+    navigator.language = "it-IT";
+    return translator.init({
+        supported_languages: ["en", "fr", "es"],
+        translations_url: "/",
+    })
+        .then(() => {
+            expect(translator.locale).toBe("fr");
+        });
+});
+
+test("ignore unsupported url locale fragment and get default", () => {
+    expect(translator.locale).toBe("fr");
+
+    DOM.reconfigure({ url: "http://some-url.com/de/some-path" });
+    navigator.language = "it-IT";
+    localStorage.clear();
+
+    return translator.init({
+        supported_languages: ["en", "fr", "es"],
+        translations_url: "/",
+    })
+        .then(() => {
+            expect(translator.locale).toBe("en");
+        });
+});
+
+test("use local storage if defined", () => {
+    expect(translator.locale).toBe("en");
+    DOM.reconfigure({ url: "http://some-url.com/some-path" });// No locale fragment
+    navigator.language = "it-IT"; // unsupported niavigator language
+
+    localStorage.setItem(translator.local_storage_key, "fr");
+
+
+    return translator.init({
+        supported_languages: ["en", "fr", "es"],
+        translations_url: "/",
+    })
+        .then(() => {
+            close_server()
+            expect(translator.locale).toBe("fr");
+        });
+});
\ No newline at end of file