Add unit test

acstll · acstll · commit b95456eb691e · 2026-02-27T09:38:22.000+01:00
diff --git a/packages/eui/src/components/markdown_editor/plugins/remark/remark_intraword_underscore.test.tsx b/packages/eui/src/components/markdown_editor/plugins/remark/remark_intraword_underscore.test.tsx
@@ -0,0 +1,66 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0 and the Server Side Public License, v 1; you may not use this file except
+ * in compliance with, at your election, the Elastic License 2.0 or the Server
+ * Side Public License, v 1.
+ */
+
+import React from 'react';
+import { render } from '../../../../test/rtl';
+import { EuiMarkdownFormat } from '../../index';
+
+describe('remarkIntrawordUnderscore', () => {
+  it('preserves identifiers with double underscores as plain text', () => {
+    const { container } = render(
+      <EuiMarkdownFormat>
+        {`ABDC__AppleBanana__c
+          ABDC__MangoKiwi__c
+          ABDC__PineappleCherry__c`}
+      </EuiMarkdownFormat>
+    );
+
+    expect(container.querySelector('strong')).not.toBeInTheDocument();
+    expect(container).toHaveTextContent('ABDC__AppleBanana__c');
+    expect(container).toHaveTextContent('ABDC__MangoKiwi__c');
+    expect(container).toHaveTextContent('ABDC__PineappleCherry__c');
+  });
+
+  it('preserves identifiers with single underscores as plain text', () => {
+    const { container } = render(
+      <EuiMarkdownFormat>{'some_variable_name'}</EuiMarkdownFormat>
+    );
+
+    expect(container.querySelector('em')).not.toBeInTheDocument();
+    expect(container).toHaveTextContent('some_variable_name');
+  });
+
+  it('still applies bold for standalone double underscores', () => {
+    const { container } = render(
+      <EuiMarkdownFormat>{'__bold text__'}</EuiMarkdownFormat>
+    );
+
+    expect(container.querySelector('strong')).toHaveTextContent('bold text');
+  });
+
+  it('still applies emphasis for standalone single underscores', () => {
+    const { container } = render(
+      <EuiMarkdownFormat>{'_italic text_'}</EuiMarkdownFormat>
+    );
+
+    expect(container.querySelector('em')).toHaveTextContent('italic text');
+  });
+
+  it('handles multiple identifiers in a sentence', () => {
+    const { container } = render(
+      <EuiMarkdownFormat>
+        {'Fields ABDC__AppleBanana__c and ABDC__MangoKiwi__c are required'}
+      </EuiMarkdownFormat>
+    );
+
+    expect(container.querySelector('strong')).not.toBeInTheDocument();
+    expect(container).toHaveTextContent(
+      'Fields ABDC__AppleBanana__c and ABDC__MangoKiwi__c are required'
+    );
+  });
+});
diff --git a/packages/eui/src/components/markdown_editor/plugins/remark/remark_intraword_underscore.ts b/packages/eui/src/components/markdown_editor/plugins/remark/remark_intraword_underscore.ts
@@ -10,7 +10,7 @@
 // remark-parse v8 doesn't implement the CommonMark rule that underscore
 // emphasis delimiters flanked by alphanumerics on both sides (intraword)
 // cannot open or close emphasis. This causes identifiers like
-// `SBQQ__OrderProductBookings__c` to render with bold formatting.
+// `ABCD__PineappleCherry__e` to render with bold formatting.
 // This plugin walks the parsed AST and reverses incorrectly applied
 // emphasis/strong nodes when both sides are alphanumeric characters.
 
