From ef64878a6d89af3f6e8fd788f7413296dfaab397 Mon Sep 17 00:00:00 2001
From: guerler <aysam.guerler@gmail.com>
Date: Tue, 9 Nov 2021 10:16:34 -0500
Subject: [PATCH] Replace qunit backbone tests with jest

---
 .../Form/Elements/FormHidden.test.js          | 26 +++++++++++++++++++
 client/tests/qunit/tests/ui_tests.js          | 12 ---------
 2 files changed, 26 insertions(+), 12 deletions(-)
 create mode 100644 client/src/components/Form/Elements/FormHidden.test.js

diff --git a/client/src/components/Form/Elements/FormHidden.test.js b/client/src/components/Form/Elements/FormHidden.test.js
new file mode 100644
index 00000000000..c25c4e382e7
--- /dev/null
+++ b/client/src/components/Form/Elements/FormHidden.test.js
@@ -0,0 +1,26 @@
+import { mount } from "@vue/test-utils";
+import { getLocalVue } from "jest/helpers";
+import FormHidden from "./FormHidden";
+
+const localVue = getLocalVue();
+
+describe("FormHidden", () => {
+    let wrapper;
+
+    beforeEach(() => {
+        wrapper = mount(FormHidden, {
+            propsData: {
+                value: false,
+                info: "info",
+            },
+            localVue,
+        });
+    });
+
+    it("check initial value and value change", async () => {
+        expect(wrapper.vm.value).toBe(false);
+        await wrapper.setProps({ value: true });
+        expect(wrapper.vm.value).toBe(true);
+        expect(wrapper.text()).toBe("info");
+    });
+});
diff --git a/client/tests/qunit/tests/ui_tests.js b/client/tests/qunit/tests/ui_tests.js
index 706f4eb2d24..a869bfccfbf 100644
--- a/client/tests/qunit/tests/ui_tests.js
+++ b/client/tests/qunit/tests/ui_tests.js
@@ -713,18 +713,6 @@ QUnit.test("message", function (assert) {
     assert.ok(message.$el.html() === "_new_message", "Correct new message.");
 });
 
-QUnit.test("hidden", function (assert) {
-    var hidden = new Ui.Hidden();
-    $("body").prepend(hidden.$el);
-    hidden.model.set("info", "_info");
-    assert.ok(hidden.$info.css("display", "block"), "Info shown.");
-    assert.ok(hidden.$info.html() === "_info", "Info text correct.");
-    hidden.model.set("info", "");
-    assert.ok(hidden.$info.css("display", "none"), "Info hidden.");
-    hidden.model.set("value", "_value");
-    assert.ok(hidden.$hidden.val() === "_value", "Correct value");
-});
-
 QUnit.test("select-content", function (assert) {
     var select = new SelectContent.View({});
     $("body").prepend(select.$el);