feat(compass-schema-validator): add validation action option for 'errorAndLog' with 8.1 COMPASS-8983 (#6820)

8.1 supports a new 'errorAndLog' validation action. This adds it to the schema validator UI.

Author: gagik

packages/compass-schema-validation/src/components/validation-editor.spec.tsx

@@ -245,4 +245,38 @@ describe('ValidationEditor [Component]', function () {
       expect(applyBtn).to.have.attribute('aria-disabled', 'true');
     });
   });
+
+  context('with errorAndLog', function () {
+    it('should be hidden for server version <8.1', async function () {
+      await renderValidationEditor({
+        serverVersion: '6.0.0',
+      });
+
+      expect(
+        screen.queryByTestId('validation-action-error-and-log-option')
+      ).is.null;
+
+      userEvent.click(screen.getByTestId('validation-action-selector'));
+
+      expect(
+        screen.queryByTestId('validation-action-option-error-and-log')
+      ).is.null;
+    });
+
+    it('should be visible for server version >=8.1', async function () {
+      await renderValidationEditor({
+        serverVersion: '8.1.0',
+      });
+
+      expect(
+        screen.queryByTestId('validation-action-error-and-log-option')
+      ).is.null;
+
+      userEvent.click(screen.getByTestId('validation-action-selector'));
+
+      expect(
+        screen.queryByTestId('validation-action-option-error-and-log')
+      ).is.not.null;
+    });
+  });
 });

packages/compass-schema-validation/src/components/validation-editor.tsx

@@ -284,6 +284,7 @@ export const ValidationEditor: React.FunctionComponent<
           isEditable={isEditable && isEditingEnabled}
           validationActionChanged={validationActionChanged}
           validationAction={validationAction}
+          serverVersion={serverVersion}
         />
         <LevelSelector
           isEditable={isEditable && isEditingEnabled}

packages/compass-schema-validation/src/components/validation-selectors.tsx

@@ -10,6 +10,7 @@ import {
   css,
   spacing,
 } from '@mongodb-js/compass-components';
+import { hasErrorAndLogValidationActionSupport } from '../modules/validation';
 import type {
   ValidationLevel,
   ValidationServerAction,
@@ -35,12 +36,14 @@ type ActionSelectorProps = {
   isEditable: boolean;
   validationActionChanged: (value: ValidationServerAction) => void;
   validationAction: ValidationServerAction;
+  serverVersion: string;
 };
 
 export function ActionSelector({
   isEditable,
   validationActionChanged,
   validationAction,
+  serverVersion,
 }: ActionSelectorProps) {
   const labelId = useId();
   const controlId = useId();
@@ -67,6 +70,14 @@ export function ActionSelector({
       >
         <Option value="warn">Warning</Option>
         <Option value="error">Error</Option>
+        {hasErrorAndLogValidationActionSupport(serverVersion) && (
+          <Option
+            value="errorAndLog"
+            data-testid="validation-action-option-error-and-log"
+          >
+            Error and Log
+          </Option>
+        )}
       </Select>
     </div>
   );

packages/compass-schema-validation/src/modules/validation.ts

@@ -11,8 +11,9 @@ import {
   IS_ZERO_STATE_CHANGED,
   type IsZeroStateChangedAction,
 } from './zero-state';
+import semver from 'semver';
 
-export type ValidationServerAction = 'error' | 'warn';
+export type ValidationServerAction = 'error' | 'warn' | 'errorAndLog';
 export type ValidationLevel = 'off' | 'moderate' | 'strict';
 
 export const enum ValidationActions {
@@ -534,3 +535,13 @@ export const activateValidation = (): SchemaValidationThunkAction<void> => {
     void dispatch(fetchValidation(namespace));
   };
 };
+
+export const hasErrorAndLogValidationActionSupport = (
+  serverVersion: string
+) => {
+  try {
+    return semver.gte(serverVersion, '8.1.0-rc.0');
+  } catch (err) {
+    return false;
+  }
+};

packages/compass-telemetry/src/telemetry-events.ts

@@ -1897,7 +1897,7 @@ type SchemaValidationUpdatedEvent = ConnectionScopedEvent<{
     /**
      * The validation action passed to the driver.
      */
-    validation_action: 'error' | 'warn';
+    validation_action: 'error' | 'warn' | 'errorAndLog';
 
     /**
      * The level of schema validation passed to the driver.