chore: added tests for read only property

Related to #1063
bpmn-io · Feb 22, 2024 · 6738227 · 6738227
1 parent e1def6b
commit 6738227
Showing 1 changed file with 49 additions and 15 deletions.
diff --git a/packages/form-js-editor/test/spec/features/properties-panel/PropertiesPanel.spec.js b/packages/form-js-editor/test/spec/features/properties-panel/PropertiesPanel.spec.js
@@ -364,7 +364,8 @@ describe('properties panel', function() {
           'Field description',
           'Key',
           'Default value',
-          'Disabled'
+          'Disabled',
+          'Read only'
         ]);
 
         expectGroupEntries(container, 'Validation', [
@@ -433,7 +434,8 @@ describe('properties panel', function() {
           'Field description',
           'Key',
           'Default value',
-          'Disabled'
+          'Disabled',
+          'Read only'
         ]);
 
         expectGroupEntries(container, 'Options source', [
@@ -929,7 +931,8 @@ describe('properties panel', function() {
             'Field label',
             'Field description',
             'Key',
-            'Disabled'
+            'Disabled',
+            'Read only'
           ]);
 
           expectGroupEntries(container, 'Options source', [
@@ -976,7 +979,8 @@ describe('properties panel', function() {
           'Field label',
           'Field description',
           'Key',
-          'Disabled'
+          'Disabled',
+          'Read only'
         ]);
 
         expectGroupEntries(container, 'Options source', [
@@ -1204,7 +1208,8 @@ describe('properties panel', function() {
             'Field label',
             'Field description',
             'Key',
-            'Disabled'
+            'Disabled',
+            'Read only'
           ]);
 
           expectGroupEntries(container, 'Options source', [
@@ -1247,7 +1252,8 @@ describe('properties panel', function() {
           'Field label',
           'Field description',
           'Key',
-          'Disabled'
+          'Disabled',
+          'Read only'
         ]);
 
         expectGroupEntries(container, 'Options source', [
@@ -1513,7 +1519,8 @@ describe('properties panel', function() {
             'Field label',
             'Field description',
             'Key',
-            'Disabled'
+            'Disabled',
+            'Read only'
           ]);
 
           expectGroupEntries(container, 'Options source', [
@@ -1655,7 +1662,8 @@ describe('properties panel', function() {
             'Field label',
             'Field description',
             'Key',
-            'Disabled'
+            'Disabled',
+            'Read only'
           ]);
 
           expectGroupEntries(container, 'Options source', [
@@ -1705,7 +1713,8 @@ describe('properties panel', function() {
           'Key',
           'Subtype',
           'Use 24h',
-          'Disabled'
+          'Disabled',
+          'Read only'
         ]);
 
         expectGroupEntries(container, 'Serialization', [
@@ -1753,7 +1762,8 @@ describe('properties panel', function() {
           'Key',
           'Default value',
           'Searchable',
-          'Disabled'
+          'Disabled',
+          'Read only'
         ]);
 
         expectGroupEntries(container, 'Options source', [
@@ -2176,7 +2186,8 @@ describe('properties panel', function() {
             'Field label',
             'Field description',
             'Key',
-            'Disabled'
+            'Disabled',
+            'Read only'
           ]);
 
           expectGroupEntries(container, 'Options source', [
@@ -2319,7 +2330,8 @@ describe('properties panel', function() {
             'Field label',
             'Field description',
             'Key',
-            'Disabled'
+            'Disabled',
+            'Read only'
           ]);
 
           expectGroupEntries(container, 'Options source', [
@@ -2513,7 +2525,8 @@ describe('properties panel', function() {
           'Field description',
           'Key',
           'Default value',
-          'Disabled'
+          'Disabled',
+          'Read only'
         ]);
 
         expectGroupEntries(container, 'Validation', [
@@ -2821,7 +2834,8 @@ describe('properties panel', function() {
           'Default value',
           'Decimal digits',
           'Increment',
-          'Disabled'
+          'Disabled',
+          'Read only'
         ]);
 
         expectGroupEntries(container, 'Serialization', [
@@ -3006,7 +3020,6 @@ describe('properties panel', function() {
 
       });
 
-
       describe('validation', function() {
 
         describe('default value', function() {
@@ -3455,6 +3468,27 @@ describe('properties panel', function() {
 
       });
 
+      describe('read only', function() {
+
+        it('should not render when disabled', function() {
+
+          // given
+          const field = schema.components.find(({ key }) => key === 'amount');
+          field.disabled = true;
+
+          bootstrapPropertiesPanel({
+            container,
+            field
+          });
+
+          // then
+          const readOnlyElement = screen.queryByLabelText('Read only');
+          expect(readOnlyElement).to.not.exist;
+
+        });
+
+      });
+
     });