Add test for checkbox labels

JElchison · JElchison · commit cb916895dccd · 2020-04-15T09:08:36.000-04:00
diff --git a/tests/codeceptjs/editors/checkbox_test.js b/tests/codeceptjs/editors/checkbox_test.js
@@ -4,6 +4,18 @@ Feature('checkbox');
 
 Scenario('should be disabled if "readonly" is specified', async (I) => {
   I.amOnPage('read-only.html');
-  I.waitForText('READY', 5, '.state')
+  I.waitForText('READY', 5, '.state');
   I.seeDisabledAttribute('[name="root[checkbox]"]');
 });
+
+Scenario('label should be visible for items at top level, but not in tables', async (I) => {
+  I.amOnPage('checkbox-labels.html');
+  I.waitForText('READY', 5, '.state');
+  I.seeElement('//label[contains(@for, "root[Awesome Compact]")]');
+  I.seeElement('//label[contains(@for, "root[Awesome Not Compact]")]');
+  I.dontSeeElement('//label[contains(@for, "root[pets][0][Awesome in Object Table]")]');
+  I.dontSeeElement('//label[contains(@for, "root[pets][1][Awesome in Object Table]")]');
+  I.dontSeeElement('//label[contains(@for, "root[pets][2][Awesome in Object Table]")]');
+  I.dontSeeElement('//label[contains(@for, "root[pets][3][Awesome in Object Table]")]');
+  I.dontSeeElement('//label[contains(@for, "root[pets][4][Awesome in Object Table]")]');
+});
diff --git a/tests/pages/checkbox-labels.html b/tests/pages/checkbox-labels.html
@@ -0,0 +1,114 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8"/>
+  <title>checkbox-labels</title>
+  <script src="../../dist/jsoneditor.js"></script>
+</head>
+<body>
+
+<textarea class="debug" cols="30" rows="10"></textarea>
+<div class="state"></div>
+<button class='get-value'>Get Value</button>
+<div class='container'></div>
+
+<script>
+  var container = document.querySelector('.container');
+  var debug = document.querySelector('.debug');
+  var getValue = document.querySelector('.get-value');
+  var state = document.querySelector('.state')
+
+  var schema = {
+    "title": "Person",
+    "type": "object",
+    "required": [
+      "Awesome Compact",
+      "Awesome Not Compact",
+      "pets"
+    ],
+    "properties": {
+      "Awesome Compact": {
+        "type": "boolean",
+        "format": "checkbox",
+        "options": {
+          "compact": true
+        }
+      },
+      "Awesome Not Compact": {
+        "type": "boolean",
+        "format": "checkbox",
+        "options": {
+          "compact": false
+        }
+      },
+      "pets": {
+        "type": "array",
+        "format": "table",
+        "title": "Pets",
+        "uniqueItems": true,
+        "items": {
+          "type": "object",
+          "title": "Pet",
+          "properties": {
+            "type": {
+              "type": "string",
+              "enum": [
+                "cat",
+                "dog",
+                "bird",
+                "reptile",
+                "other"
+              ],
+              "default": "dog"
+            },
+            "name": {
+              "type": "string"
+            },
+            "Awesome in Object Table": {
+              "type": "boolean",
+              "format": "checkbox"
+            }
+          }
+        },
+        "default": [
+          {
+            "type": "dog",
+            "name": "A"
+          },
+          {
+            "type": "dog",
+            "name": "B"
+          },
+          {
+            "type": "dog",
+            "name": "C"
+          },
+          {
+            "type": "dog",
+            "name": "D"
+          },
+          {
+            "type": "dog",
+            "name": "E"
+          }
+        ]
+      }
+    }
+  };
+
+  var editor = new JSONEditor(container, {
+    schema: schema
+  });
+
+  editor.on('ready',function() {
+    state.innerText = 'READY'
+  });
+
+  getValue.addEventListener('click', function () {
+    debug.value = JSON.stringify(editor.getValue());
+  });
+
+</script>
+
+</body>
+</html>
