diff --git a/assets/static/__mocks__/templatesMock.js b/assets/static/__mocks__/templatesMock.js
new file mode 100644
index 000000000..72aa4f95a
--- /dev/null
+++ b/assets/static/__mocks__/templatesMock.js
@@ -0,0 +1,20 @@
+const fs = require("fs");
+const path = require("path");
+
+function loadTemplates() {
+    var templatesArr = [];
+    const templateFiles = [
+        "alertgroup.html",
+        "errors.html",
+        "modal.html",
+        "silence.html",
+        "summary.html",
+    ];
+    templateFiles.forEach(function(filename){
+        var templatePath = path.join(__dirname, "../../templates/", filename);
+        templatesArr.push(fs.readFileSync(templatePath, {encoding: "utf-8"}));
+    });
+    return templatesArr;
+}
+
+exports.loadTemplates = loadTemplates;
diff --git a/assets/static/templates.test.js b/assets/static/templates.test.js
index 2d56d3479..ddd9939f2 100644
--- a/assets/static/templates.test.js
+++ b/assets/static/templates.test.js
@@ -1,11 +1,12 @@
 const $ = require("jquery");
 const templates = require("./templates");
+const templatesMock = require("./__mocks__/templatesMock");
 
 test("templates init()", () => {
     var elems = [];
     $.each(templates.getConfig(), function(name, selector) {
         elems.push("<div class='" + name + "' id='" + selector.slice(1) + "'></div>");
     });
-    document.body.innerHTML = elems.join("\n");
+    document.body.innerHTML = templatesMock.loadTemplates();
     templates.init();
 });