(feat) O3-3230: add rule builder to form 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,7 +1,7 @@
 /* eslint-disable @typescript-eslint/ban-ts-comment */
 import type { Page } from '@playwright/test';
 import { expect } from '@playwright/test';
-
+import customSchema from '../support/validation-custom-schema.json';
 export class FormBuilderPage {
   constructor(readonly page: Page) {}
 
@@ -55,6 +55,16 @@ export class FormBuilderPage {
   readonly questionCreatedMessage = () => this.page.getByText(/new question created/i);
   readonly saveQuestionButton = () => this.page.getByRole('button', { name: /^save$/i, exact: true });
 
+  readonly implementorTools = () => this.page.getByTestId('globalImplementerToolsButton').getByRole('button');
+  readonly featureFlags = () => this.page.getByRole('tab', { name: 'Feature flags' });
+  readonly validationRuleBuilder = () =>
+    this.page
+      .getByRole('row', { name: 'Validation Rule Builder' })
+      .getByRole('cell')
+      .nth(2)
+      .locator('.cds--toggle > .cds--toggle__label > .cds--toggle__appearance > .cds--toggle__switch');
+  readonly closeImplementorTools = () => this.page.getByRole('button', { name: 'Close', exact: true });
+
   async gotoFormBuilder() {
     await this.page.goto('form-builder');
   }
@@ -105,6 +115,15 @@ export class FormBuilderPage {
     await this.formSaveButton().click();
   }
 
+  async formBuilderSetupForRuleBuilder() {
+    await this.createNewFormButton().click();
+    await this.implementorTools().click();
+    await this.featureFlags().click();
+    await this.validationRuleBuilder().click();
+    await this.closeImplementorTools().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);
   }