(feat) O3-3230: Add rule builder to interactive builder

__mocks__/rule-builder.mock.ts

@@ -0,0 +1,167 @@
+import { type FormRule } from '../src/components/rule-builder/rule-builder.component';
+import { type Schema, type Question } from '../src/types';
+
+interface UseFormMockValues {
+  rules: Array<FormRule>;
+  setRules: () => jest.Mock;
+}
+
+export const useFormMockValues: UseFormMockValues = { rules: [], setRules: () => jest.fn() };
+
+export const numberRenderingQuestion: Question = {
+  label: 'Age',
+  type: 'obs',
+  required: true,
+  id: 'age',
+  questionOptions: {
+    rendering: 'number',
+    concept: '162370AAAAAAAAAAAAAAAAAAAAAAAAAAAAAA',
+    conceptMappings: [
+      {
+        relationship: 'SAME-AS',
+        type: 'CIEL',
+        value: '162370',
+      },
+      {
+        relationship: 'SAME-AS',
+        type: 'SNOMED CT',
+        value: '419702001',
+      },
+    ],
+    answers: [
+      {
+        concept: 'a899b35c-1350-11df-a1f1-0026b9348838',
+        label: 'Yes',
+      },
+      {
+        concept: 'a899b42e-1350-11df-a1f1-0026b9348838',
+        label: 'No',
+      },
+    ]
+  },
+  validators: [],
+};
+
+export const dateRenderingQuestion: Question = {
+  label: 'date',
+  type: 'obs',
+  required: false,
+  id: 'date',
+  questionOptions: {
+    rendering: 'date',
+    concept: '162370AAAAAAAAAAAAAAAAAAAAAAAAAAAAAA',
+    conceptMappings: [
+      {
+        relationship: 'SAME-AS',
+        type: 'CIEL',
+        value: '162370',
+      },
+      {
+        relationship: 'SAME-AS',
+        type: 'SNOMED CT',
+        value: '419702001',
+      },
+    ],
+    answers: [],
+  },
+  validators: [],
+};
+
+export const schema: Schema = {
+  name: 'form1',
+  pages: [
+    {
+      label: 'page1',
+      sections: [
+        {
+          label: 'section1',
+          isExpanded: 'true',
+          questions: [
+            {
+              label: 'Name',
+              type: 'obs',
+              required: true,
+              id: 'name',
+              questionOptions: {
+                rendering: 'text',
+                concept: '162370AAAAAAAAAAAAAAAAAAAAAAAAAAAAAA',
+                conceptMappings: [
+                  {
+                    relationship: 'SAME-AS',
+                    type: 'CIEL',
+                    value: '162370',
+                  },
+                  {
+                    relationship: 'SAME-AS',
+                    type: 'SNOMED CT',
+                    value: '419702001',
+                  },
+                ],
+              },
+              validators: [],
+            },
+            {
+              label: 'Are you currently in HIV care or under ART?',
+              id: 'currentlyOnArt',
+              type: 'obs',
+              questionOptions: {
+                rendering: 'select',
+                concept: 'a8afba58-1350-11df-a1f1-0026b9348838',
+                answers: [
+                  {
+                    concept: 'a899b35c-1350-11df-a1f1-0026b9348838',
+                    label: 'Yes',
+                  },
+                  {
+                    concept: 'a899b42e-1350-11df-a1f1-0026b9348838',
+                    label: 'No',
+                  },
+                ],
+              },
+              validators: [],
+            },
+          ],
+        },
+      ],
+    },
+    {
+      label: 'page2',
+      sections: [
+        {
+          label: 'section2',
+          isExpanded: 'true',
+          questions: [
+            {
+              label: 'Age',
+              type: 'obs',
+              required: true,
+              id: 'age',
+              questionOptions: {
+                rendering: 'text',
+                concept: '162370AAAAAAAAAAAAAAAAAAAAAAAAAAAAAA',
+                conceptMappings: [
+                  {
+                    relationship: 'SAME-AS',
+                    type: 'CIEL',
+                    value: '162370',
+                  },
+                  {
+                    relationship: 'SAME-AS',
+                    type: 'SNOMED CT',
+                    value: '419702001',
+                  },
+                ],
+              },
+              validators: [],
+            },
+          ],
+        },
+      ],
+    },
+  ],
+  processor: 'EncounterFormProcessor',
+  encounterType: '',
+  referencedForms: [],
+  uuid: '',
+  description: 'desc1',
+};

e2e/pages/form-builder-page.ts

@@ -1,6 +1,6 @@
 /* eslint-disable @typescript-eslint/ban-ts-comment */
 import type { Page } from '@playwright/test';
-
+import customSchema from '../support/validation-custom-schema.json';
 export class FormBuilderPage {
   constructor(readonly page: Page) {}
 
@@ -65,11 +65,21 @@ export class FormBuilderPage {
   readonly answer = () => this.page.getByRole('menuitem', { name: /tested for covid 19/i });
   readonly questionIdInput = () => this.page.getByRole('textbox', { name: /question id/i });
   readonly questionCreatedMessage = () => this.page.getByText(/new question created/i);
+  readonly dateInput = (fieldName: string) => this.page.getByRole('group', { name: fieldName }).locator('div');
+  readonly dateDayInput = (fieldName: string) => this.page.getByRole('spinbutton', { name: `day, ${fieldName}` });
+  readonly dateMonthInput = (fieldName: string) => this.page.getByRole('spinbutton', { name: `month, ${fieldName}` });
+  readonly dateYearInput = (fieldName: string) => this.page.getByRole('spinbutton', { name: `year, ${fieldName}` });
 
   async gotoFormBuilder() {
     await this.page.goto('form-builder');
   }
 
+  async formBuilderSetupForRuleBuilder() {
+    await this.createNewFormButton().click();
+    await this.schemaInput().fill(JSON.stringify(customSchema, null, 2));
+    await this.renderChangesButton().click();
+  }
+
   async searchForForm(formName: string) {
     await this.page.getByRole('searchbox').fill(formName);
   }