(test) O3-3937 Add test coverage around form readonly mode

__mocks__/forms/rfe-forms/read-only-validation-form.json

@@ -0,0 +1,79 @@
+{
+  "name": "Test read only",
+  "pages": [
+    {
+      "label": "1",
+      "sections": [
+        {
+          "label": "1",
+          "isExpanded": "true",
+          "questions": [
+            {
+              "label": "Visit type",
+              "type": "obs",
+              "required": false,
+              "id": "visitType",
+              "readonly": "true",
+              "questionOptions": {
+                "rendering": "select",
+                "concept": "164181AAAAAAAAAAAAAAAAAAAAAAAAAAAAAA",
+                "conceptMappings": [
+                  {
+                    "relationship": "SAME-AS",
+                    "type": "CIEL",
+                    "value": "164181"
+                  }
+                ],
+                "answers": [
+                  {
+                    "concept": "164180AAAAAAAAAAAAAAAAAAAAAAAAAAAAAA",
+                    "label": "New visit"
+                  },
+                  {
+                    "concept": "160530AAAAAAAAAAAAAAAAAAAAAAAAAAAAAA",
+                    "label": "Return visit type"
+                  }
+                ]
+              },
+              "validators": []
+            },
+            {
+              "label": "Visit punctuality",
+              "type": "obs",
+              "required": false,
+              "id": "visitPunctuality",
+              "readonly": "true",
+              "questionOptions": {
+                "rendering": "text",
+                "concept": "160632AAAAAAAAAAAAAAAAAAAAAAAAAAAAAA",
+                "conceptMappings": [
+                  {
+                    "relationship": "SAME-AS",
+                    "type": "CIEL",
+                    "value": "160632"
+                  },
+                  {
+                    "relationship": "SAME-AS",
+                    "type": "AMPATH",
+                    "value": "1915"
+                  },
+                  {
+                    "relationship": "BROADER-THAN",
+                    "type": "LOINC",
+                    "value": "48767-8"
+                  }
+                ]
+              },
+              "validators": []
+            }
+          ]
+        }
+      ]
+    }
+  ],
+  "processor": "EncounterFormProcessor",
+  "encounterType": "",
+  "referencedForms": [],
+  "uuid": "",
+  "description": "Test read only"
+}

src/form-engine.test.tsx

@@ -41,6 +41,7 @@ import externalDataSourceForm from '__mocks__/forms/rfe-forms/external_data_sour
 import monthsOnArtForm from '__mocks__/forms/rfe-forms/months-on-art-form.json';
 import nextVisitForm from '__mocks__/forms/rfe-forms/next-visit-test-form.json';
 import viralLoadStatusForm from '__mocks__/forms/rfe-forms/viral-load-status-form.json';
+import readOnlyValidationForm from '__mocks__/forms/rfe-forms/read-only-validation-form.json';
 
 import FormEngine from './form-engine.component';
 
@@ -215,6 +216,33 @@ describe('Form engine component', () => {
     });
   });
 
+  describe('Read only mode', () => {
+    it('should ascertain that each field with readonly = true passed will not be editable', async () => {
+      await act(async () => {
+        renderForm(null, readOnlyValidationForm);
+      });
+
+      const visitTypeDropdown = screen.getByRole('combobox', {
+        name: /visit type/i,
+      });
+      const visitPunctualityTextbox = screen.getByLabelText(/visit punctuality/i);
+
+      expect(visitTypeDropdown).toBeInTheDocument();
+      expect(visitTypeDropdown).toHaveClass('cds--list-box__field');
+
+      const visitTypeWrapper = visitTypeDropdown.closest('.cds--dropdown');
+      expect(visitTypeWrapper).toHaveClass('cds--dropdown cds--dropdown--readonly cds--list-box');
+
+      expect(visitPunctualityTextbox).toBeInTheDocument();
+      expect(visitPunctualityTextbox).toHaveClass('cds--text-input');
+
+      const visitPunctualityWrapper = visitPunctualityTextbox.closest('.cds--text-input-wrapper');
+      expect(visitPunctualityWrapper).toHaveClass(
+        'cds--form-item cds--text-input-wrapper cds--text-input-wrapper--readonly',
+      );
+    });
+  });
+
   describe('conditional answered validation', () => {
     it('should fail if the referenced field has a value that does not exist on the referenced answers array', async () => {
       await act(async () => {