removelevelbutton tests

2026-02-11 01:55:40 +00:00 · 2021-05-07 21:14:15 +05:30
parent d42a9c6bb8
commit 7e0670d1d8
11 changed files with 290 additions and 45 deletions
--- a/templates/panel/sitekey/add/ts/removeLevelButton/updateDom/updateRemoveButton.test.ts
+++ b/templates/panel/sitekey/add/ts/removeLevelButton/updateDom/updateRemoveButton.test.ts
@@ -0,0 +1,107 @@
+/*
+ * Copyright (C) 221  Aravinth Manivannan <realaravinth@batsense.net>
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as
+ * published by the Free Software Foundation, either version 3 of the
+ * License, or (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program.  If not, see <https://www.gnu.org/licenses/>.
+ */
+
+import {trim} from '../../setupTests';
+import updateRemoveButton from './updateRemoveButton';
+import CONST from '../../const';
+
+import log from '../../../../../../logger';
+import {MODE} from '../../../../../../logger';
+
+/** get initial form to test remove button functionality */
+export const labelLevel = (level: number) => {
+  return `
+<form class="sitekey-form" action="/api/v1/mcaptcha/levels/add" method="post">
+  <fieldset class="sitekey__level-container" id="level-group-">
+    <legend class="sitekey__level-title">
+      Level 2
+    </legend>
+    <label class="sitekey-form__level-label" for="visitor"
+      >Visitor
+      <input
+        class="sitekey-form__level-input"
+        type="number"
+        name="visitor2"
+        
+        id="visitor2"
+      >
+    </label>
+
+    <label class="sitekey-form__level-label" for="difficulty">
+      Difficulty
+      <input
+        type="number"
+        name="difficulty2"
+        class="sitekey-form__level-input"
+        
+        id="difficulty2"
+      >
+    </label>
+    <label class="sitekey-form__level-label--hidden" for="remove-level">
+      Remove Level
+      <input
+        class="sitekey-form__level-remove-level-button"
+        type="button"
+        name="remove-level${level}"
+        id="remove-level${level}"
+        value="x"
+      >
+    </label>
+
+<label class="sitekey-form__level-label--hidden" for="add">
+	  Add level
+  <input
+    class="sitekey-form__level-add-level-button"
+    type="button"
+    name="add"
+    id="add"
+    value="Add"
+  >
+  </label>
+
+  </fieldset>
+</form>
+`;
+};
+
+const level = 2;
+document.body.innerHTML = labelLevel(level);
+
+log.setMode(MODE.none);
+
+it('update remove button works', () => {
+  // removing level  2
+
+  const levelGroup = document.getElementById(
+    `${CONST.LEVEL_FIELDSET_ID_WITHOUT_LEVEL}`,
+  );
+
+  const newLevel = 20;
+  updateRemoveButton(levelGroup, newLevel);
+
+  const button = <HTMLInputElement>(
+    levelGroup.querySelector(`.${CONST.REMOVE_LEVEL_BUTTON_CLASS}`)
+  );
+  expect(button.id).toBe(
+    `${CONST.REMOVE_LEVEL_BUTTON_ID_WITHOUT_LEVEL}${newLevel}`,
+  );
+  expect(button.name).toBe(
+    `${CONST.REMOVE_LEVEL_BUTTON_ID_WITHOUT_LEVEL}${newLevel}`,
+  );
+
+  expect(trim(document.body.innerHTML)).toBe(trim(labelLevel(newLevel)));
+});