@theia/core 1.67.0-next.13 → 1.67.0-next.56

package/README.md

@@ -75,16 +75,16 @@ export class SomeClass {
   - `electron` (from [`electron@38.4.0`](https://www.npmjs.com/package/electron/v/38.4.0))
   - `electron-store` (from [`electron-store@^8.0.0`](https://www.npmjs.com/package/electron-store))
 - `@theia/core/shared/...`
-  - `@lumino/algorithm` (from [`@lumino/algorithm@^2.0.2`](https://www.npmjs.com/package/@lumino/algorithm))
-  - `@lumino/commands` (from [`@lumino/commands@^2.3.1`](https://www.npmjs.com/package/@lumino/commands))
-  - `@lumino/coreutils` (from [`@lumino/coreutils@^2.2.0`](https://www.npmjs.com/package/@lumino/coreutils))
-  - `@lumino/domutils` (from [`@lumino/domutils@^2.0.2`](https://www.npmjs.com/package/@lumino/domutils))
-  - `@lumino/dragdrop` (from [`@lumino/dragdrop@^2.1.5`](https://www.npmjs.com/package/@lumino/dragdrop))
-  - `@lumino/messaging` (from [`@lumino/messaging@^2.0.2`](https://www.npmjs.com/package/@lumino/messaging))
-  - `@lumino/properties` (from [`@lumino/properties@^2.0.2`](https://www.npmjs.com/package/@lumino/properties))
-  - `@lumino/signaling` (from [`@lumino/signaling@^2.1.3`](https://www.npmjs.com/package/@lumino/signaling))
-  - `@lumino/virtualdom` (from [`@lumino/virtualdom@^2.0.2`](https://www.npmjs.com/package/@lumino/virtualdom))
-  - `@lumino/widgets` (from [`@lumino/widgets@2.5.0`](https://www.npmjs.com/package/@lumino/widgets/v/2.5.0))
+  - `@lumino/algorithm` (from [`@lumino/algorithm@^2.0.4`](https://www.npmjs.com/package/@lumino/algorithm))
+  - `@lumino/commands` (from [`@lumino/commands@^2.3.3`](https://www.npmjs.com/package/@lumino/commands))
+  - `@lumino/coreutils` (from [`@lumino/coreutils@^2.2.2`](https://www.npmjs.com/package/@lumino/coreutils))
+  - `@lumino/domutils` (from [`@lumino/domutils@^2.0.4`](https://www.npmjs.com/package/@lumino/domutils))
+  - `@lumino/dragdrop` (from [`@lumino/dragdrop@^2.1.7`](https://www.npmjs.com/package/@lumino/dragdrop))
+  - `@lumino/messaging` (from [`@lumino/messaging@^2.0.4`](https://www.npmjs.com/package/@lumino/messaging))
+  - `@lumino/properties` (from [`@lumino/properties@^2.0.4`](https://www.npmjs.com/package/@lumino/properties))
+  - `@lumino/signaling` (from [`@lumino/signaling@^2.1.5`](https://www.npmjs.com/package/@lumino/signaling))
+  - `@lumino/virtualdom` (from [`@lumino/virtualdom@^2.0.4`](https://www.npmjs.com/package/@lumino/virtualdom))
+  - `@lumino/widgets` (from [`@lumino/widgets@2.7.2`](https://www.npmjs.com/package/@lumino/widgets/v/2.7.2))
   - `@theia/application-package` (from [`@theia/application-package@1.66.0`](https://www.npmjs.com/package/@theia/application-package/v/1.66.0))
   - `@theia/application-package/lib/api` (from [`@theia/application-package@1.66.0`](https://www.npmjs.com/package/@theia/application-package/v/1.66.0))
   - `@theia/application-package/lib/environment` (from [`@theia/application-package@1.66.0`](https://www.npmjs.com/package/@theia/application-package/v/1.66.0))
@@ -104,7 +104,9 @@ export class SomeClass {
   - `express` (from [`express@^4.21.0`](https://www.npmjs.com/package/express))
   - `lodash.debounce` (from [`lodash.debounce@^4.0.8`](https://www.npmjs.com/package/lodash.debounce))
   - `lodash.throttle` (from [`lodash.throttle@^4.1.1`](https://www.npmjs.com/package/lodash.throttle))
-  - `markdown-it` (from [`markdown-it@^12.3.2`](https://www.npmjs.com/package/markdown-it))
+  - `markdown-it` (from [`markdown-it@^14.1.0`](https://www.npmjs.com/package/markdown-it))
+  - `markdown-it-anchor` (from [`markdown-it-anchor@^9.2.0`](https://www.npmjs.com/package/markdown-it-anchor))
+  - `markdown-it-emoji` (from [`markdown-it-emoji@^3.0.0`](https://www.npmjs.com/package/markdown-it-emoji))
   - `react` (from [`react@^18.2.0`](https://www.npmjs.com/package/react))
   - `ws` (from [`ws@^8.17.1`](https://www.npmjs.com/package/ws))
   - `yargs` (from [`yargs@^15.3.1`](https://www.npmjs.com/package/yargs))
@@ -161,7 +163,7 @@ Where `root` is the name of the logger and `INFO` is the log level. These are op
 
 ## Additional Information
 
-- [API documentation for `@theia/core`](https://eclipse-theia.github.io/theia/docs/next/modules/core.html)
+- [API documentation for `@theia/core`](https://eclipse-theia.github.io/theia/docs/next/modules/_theia_core.html)
 - [Theia - GitHub](https://github.com/eclipse-theia/theia)
 - [Theia - Website](https://theia-ide.org/)
 

package/lib/browser/catalog.json

@@ -4644,6 +4644,18 @@
       "fileMatch": ["podbard.yaml"],
       "url": "https://raw.githubusercontent.com/Songmu/podbard/main/schema.yaml"
     },
+    {
+      "name": "POPxf",
+      "description": "Polynomial Observable Predictions in High-Energy Physics",
+      "fileMatch": ["*.popxf", "*.popxf.json"],
+      "url": "https://www.schemastore.org/popxf-1.0.json"
+    },
+    {
+      "name": "POPxf Correlations",
+      "description": "Correlations for Polynomial Observable Predictions in High-Energy Physics",
+      "fileMatch": ["*.popxf-corr", "*.popxf-corr.json"],
+      "url": "https://www.schemastore.org/popxf-corr-1.0.json"
+    },
     {
       "name": "portman.json",
       "description": "Portman's configuration file",
@@ -6273,7 +6285,7 @@
         "venvironment.json",
         "*.venvironment.json"
       ],
-      "url": "https://www.schemastore.org/venvironment-schema-v4.1.0.json",
+      "url": "https://www.schemastore.org/venvironment-schema-v4.2.0.json",
       "versions": {
         "1.0.0": "https://www.schemastore.org/venvironment-schema-v1.0.0.json",
         "1.1.0": "https://www.schemastore.org/venvironment-schema-v1.1.0.json",
@@ -8778,6 +8790,12 @@
       ],
       "url": "https://raw.githubusercontent.com/airbytehq/airbyte/refs/heads/master/airbyte-ci/connectors/metadata_service/lib/metadata_service/models/generated/ConnectorMetadataDefinitionV0.json"
     },
+    {
+      "name": "git-town.toml",
+      "description": "Git Town configuration file",
+      "fileMatch": ["git-town.toml"],
+      "url": "https://raw.githubusercontent.com/git-town/git-town/refs/heads/main/docs/git-town.schema.json"
+    },
     {
       "name": "Jarl",
       "description": "Configuration for R linter",

package/package.json

@@ -1,30 +1,31 @@
 {
   "name": "@theia/core",
-  "version": "1.67.0-next.13+c409d5d18",
+  "version": "1.67.0-next.56+d8f18cc386c",
   "description": "Theia is a cloud & desktop IDE framework implemented in TypeScript.",
   "main": "lib/common/index.js",
   "typings": "lib/common/index.d.ts",
   "dependencies": {
     "@babel/runtime": "^7.10.0",
-    "@lumino/algorithm": "^2.0.2",
-    "@lumino/commands": "^2.3.1",
-    "@lumino/coreutils": "^2.2.0",
-    "@lumino/domutils": "^2.0.2",
-    "@lumino/dragdrop": "^2.1.5",
-    "@lumino/messaging": "^2.0.2",
-    "@lumino/properties": "^2.0.2",
-    "@lumino/signaling": "^2.1.3",
-    "@lumino/virtualdom": "^2.0.2",
-    "@lumino/widgets": "2.5.0",
+    "@lumino/algorithm": "^2.0.4",
+    "@lumino/commands": "^2.3.3",
+    "@lumino/coreutils": "^2.2.2",
+    "@lumino/domutils": "^2.0.4",
+    "@lumino/dragdrop": "^2.1.7",
+    "@lumino/messaging": "^2.0.4",
+    "@lumino/properties": "^2.0.4",
+    "@lumino/signaling": "^2.1.5",
+    "@lumino/virtualdom": "^2.0.4",
+    "@lumino/widgets": "2.7.2",
     "@parcel/watcher": "^2.5.0",
-    "@theia/application-package": "1.67.0-next.13+c409d5d18",
-    "@theia/request": "1.67.0-next.13+c409d5d18",
+    "@theia/application-package": "1.67.0-next.56+d8f18cc386c",
+    "@theia/request": "1.67.0-next.56+d8f18cc386c",
     "@types/body-parser": "^1.16.4",
     "@types/express": "^4.17.21",
     "@types/fs-extra": "^4.0.2",
     "@types/lodash.debounce": "4.0.3",
     "@types/lodash.throttle": "^4.1.3",
-    "@types/markdown-it": "^12.2.3",
+    "@types/markdown-it": "^14.1.0",
+    "@types/markdown-it-emoji": "^3.0.1",
     "@types/react": "^18.0.15",
     "@types/react-dom": "^18.0.6",
     "@types/route-parser": "^0.1.1",
@@ -53,7 +54,9 @@
     "keytar": "7.9.0",
     "lodash.debounce": "^4.0.8",
     "lodash.throttle": "^4.1.1",
-    "markdown-it": "^12.3.2",
+    "markdown-it": "^14.1.0",
+    "markdown-it-anchor": "^9.2.0",
+    "markdown-it-emoji": "^3.0.0",
     "msgpackr": "^1.10.2",
     "p-debounce": "^2.1.0",
     "perfect-scrollbar": "1.5.5",
@@ -122,6 +125,8 @@
         "lodash.debounce as debounce",
         "lodash.throttle as throttle",
         "markdown-it as markdownit",
+        "markdown-it-anchor as markdownitanchor",
+        "markdown-it-emoji as markdownitemoji",
         "react as React",
         "ws as WebSocket",
         "yargs"
@@ -216,5 +221,5 @@
   "nyc": {
     "extends": "../../configs/nyc.json"
   },
-  "gitHead": "c409d5d18d8c4f5a722f87b37ea9d6fd5af47ea8"
+  "gitHead": "d8f18cc386c45a736cd193d42eab02c8f64c6b10"
 }

package/shared/markdown-it-anchor/index.d.ts

@@ -0,0 +1,2 @@
+import markdownitanchor = require('markdown-it-anchor');
+export = markdownitanchor;

package/shared/markdown-it-anchor/index.js

@@ -0,0 +1 @@
+module.exports = require('markdown-it-anchor');

package/shared/markdown-it-emoji/index.d.ts

@@ -0,0 +1,2 @@
+import markdownitemoji = require('markdown-it-emoji');
+export = markdownitemoji;

package/shared/markdown-it-emoji/index.js

@@ -0,0 +1 @@
+module.exports = require('markdown-it-emoji');

package/src/browser/authentication-service.ts

@@ -43,6 +43,7 @@ export interface AuthenticationProviderSessionOptions {
 export interface AuthenticationSession {
     id: string;
     accessToken: string;
+    idToken?: string;
     account: AuthenticationSessionAccountInformation;
     scopes: ReadonlyArray<string>;
 }

package/src/browser/context-key-service.ts

@@ -89,7 +89,9 @@ export interface ContextKeyService extends ContextMatcher {
     setContext(key: string, value: unknown): void;
 }
 
-export type ScopedValueStore = Omit<ContextKeyService, 'onDidChange' | 'match' | 'parseKeys' | 'with' | 'createOverlay'> & Disposable;
+export type ScopedValueStore = Omit<ContextKeyService, 'onDidChange' | 'match' | 'parseKeys' | 'with' | 'createOverlay'> & Disposable & {
+    onDidChangeContext: Event<ContextKeyChangeEvent>;
+};
 
 @injectable()
 export class ContextKeyServiceDummyImpl implements ContextKeyService {
@@ -99,6 +101,8 @@ export class ContextKeyServiceDummyImpl implements ContextKeyService {
         this.onDidChangeEmitter.fire(event);
     }
 
+    onDidChangeContext: Event<ContextKeyChangeEvent> = this.onDidChangeEmitter.event;
+
     createKey<T extends ContextKeyValue>(key: string, defaultValue: T | undefined): ContextKey<T> {
         return ContextKey.None;
     }

package/src/browser/dialogs.ts

@@ -248,8 +248,9 @@ export abstract class AbstractDialog<T> extends BaseWidget {
      * Please note that this may also include other popups such as the suggestion overlay, the notification center or quick picks.
      * @returns a disposable that will restore the previous tabbing behavior
      */
-    protected preventTabbingOutsideDialog(elements = Array.from(this.node.ownerDocument.body.children)): Disposable {
-        const nonInertElements = elements.filter(child => child !== this.node && !(child.hasAttribute('inert')));
+    protected preventTabbingOutsideDialog(elements = Array.from(this.node.ownerDocument.body.children)): Disposable { //
+        const inertBlacklist = ['select-component-container']; // IDs of elements that should remain interactive
+        const nonInertElements = elements.filter(child => child !== this.node && !(child.hasAttribute('inert')) && !inertBlacklist.includes(child.id));
         nonInertElements.forEach(child => child.setAttribute('inert', ''));
         return Disposable.create(() => nonInertElements.forEach(child => child.removeAttribute('inert')));
     }

package/src/browser/index.ts

@@ -51,3 +51,5 @@ export * from './saveable-service';
 export * from './undo-redo-handler';
 export * from './widget-status-bar-service';
 export * from './badges';
+export * from './markdown-rendering/markdown-renderer';
+export * from './markdown-rendering/markdown';

package/src/browser/markdown-rendering/markdown-renderer.ts

@@ -17,6 +17,7 @@
 import * as DOMPurify from 'dompurify';
 import { injectable, inject, postConstruct } from 'inversify';
 import * as markdownit from 'markdown-it';
+import * as markdownitemoji from 'markdown-it-emoji';
 import { MarkdownString } from '../../common/markdown-rendering/markdown-string';
 import { Disposable, DisposableGroup } from '../../common';
 import { LabelParser } from '../label-parser';
@@ -65,7 +66,7 @@ export interface MarkdownRendererFactory {
 @injectable()
 export class MarkdownRendererImpl implements MarkdownRenderer {
     @inject(LabelParser) protected readonly labelParser: LabelParser;
-    protected readonly markdownIt = markdownit();
+    protected readonly markdownIt = markdownit().use(markdownitemoji.full);
     protected resetRenderer: Disposable | undefined;
 
     @postConstruct()

package/src/browser/markdown-rendering/markdown.spec.tsx

@@ -0,0 +1,371 @@
+// *****************************************************************************
+// Copyright (C) 2025 EclipseSource and others.
+//
+// This program and the accompanying materials are made available under the
+// terms of the Eclipse Public License v. 2.0 which is available at
+// http://www.eclipse.org/legal/epl-2.0.
+//
+// This Source Code may also be made available under the following Secondary
+// Licenses when the conditions for such availability set forth in the Eclipse
+// Public License v. 2.0 are satisfied: GNU General Public License, version 2
+// with the GNU Classpath Exception which is available at
+// https://www.gnu.org/software/classpath/license.html.
+//
+// SPDX-License-Identifier: EPL-2.0 OR GPL-2.0-only WITH Classpath-exception-2.0
+// *****************************************************************************
+
+import * as assert from 'assert';
+import * as React from 'react';
+import { createRoot, Root } from 'react-dom/client';
+import { enableJSDOM } from '../test/jsdom';
+import { Markdown, LocalizedMarkdown } from './markdown';
+import { MarkdownRenderer } from './markdown-renderer';
+import { MarkdownString, MarkdownStringImpl } from '../../common/markdown-rendering/markdown-string';
+
+let disableJSDOM: () => void;
+
+describe('Markdown', () => {
+    let mockRenderer: MarkdownRenderer & { lastRenderedMarkdown?: MarkdownString };
+    let container: HTMLElement;
+    let root: Root;
+
+    before(() => disableJSDOM = enableJSDOM());
+    after(() => disableJSDOM());
+
+    beforeEach(() => {
+        container = document.createElement('div');
+        document.body.appendChild(container);
+        root = createRoot(container);
+
+        mockRenderer = {
+            lastRenderedMarkdown: undefined,
+            render: (markdown: MarkdownString | undefined) => {
+                // Store the markdown for verification
+                if (typeof markdown === 'object' && 'value' in markdown) {
+                    mockRenderer.lastRenderedMarkdown = markdown;
+                }
+                const div = document.createElement('div');
+                if (markdown) {
+                    const p = document.createElement('p');
+                    const value = typeof markdown === 'object' && 'value' in markdown
+                        ? markdown.value
+                        : String(markdown);
+                    p.textContent = value;
+                    div.appendChild(p);
+                }
+                return {
+                    element: div,
+                    dispose: () => { }
+                };
+            }
+        };
+    });
+
+    afterEach(() => {
+        root.unmount();
+        document.body.removeChild(container);
+    });
+
+    it('should render markdown content', done => {
+        root.render(
+            <Markdown
+                markdown="**Hello World**"
+                markdownRenderer={mockRenderer}
+                className="test-class"
+            />
+        );
+
+        setTimeout(() => {
+            const div = container.querySelector('.test-class');
+            assert.ok(div, 'Container should exist');
+            assert.ok(div?.textContent?.includes('Hello World'), 'Should contain markdown text');
+            done();
+        }, 50);
+    });
+
+    it('should render empty div when markdown is undefined', done => {
+        root.render(
+            <Markdown
+                markdown={undefined}
+                markdownRenderer={mockRenderer}
+                className="test-class"
+            />
+        );
+
+        setTimeout(() => {
+            const div = container.querySelector('.test-class');
+            assert.ok(div, 'Container should exist');
+            assert.strictEqual(div?.childNodes.length, 0, 'Should have no children');
+            done();
+        }, 50);
+    });
+
+    it('should render empty div when markdown is empty string', done => {
+        root.render(
+            <Markdown
+                markdown=""
+                markdownRenderer={mockRenderer}
+                className="test-class"
+            />
+        );
+
+        setTimeout(() => {
+            const div = container.querySelector('.test-class');
+            assert.ok(div, 'Container should exist');
+            assert.strictEqual(div?.childNodes.length, 0, 'Should have no children');
+            done();
+        }, 50);
+    });
+
+    it('should render empty div when markdown is whitespace only', done => {
+        root.render(
+            <Markdown
+                markdown="   "
+                markdownRenderer={mockRenderer}
+                className="test-class"
+            />
+        );
+
+        setTimeout(() => {
+            const div = container.querySelector('.test-class');
+            assert.ok(div, 'Container should exist');
+            assert.strictEqual(div?.childNodes.length, 0, 'Should have no children');
+            done();
+        }, 50);
+    });
+
+    it('should accept MarkdownString object', done => {
+        const markdownString = new MarkdownStringImpl('**Bold Text**');
+        root.render(
+            <Markdown
+                markdown={markdownString}
+                markdownRenderer={mockRenderer}
+                className="test-class"
+            />
+        );
+
+        setTimeout(() => {
+            const div = container.querySelector('.test-class');
+            assert.ok(div, 'Container should exist');
+            assert.ok(div?.textContent?.includes('Bold Text'), 'Should contain markdown text');
+            done();
+        }, 50);
+    });
+
+    it('should call onRender callback when content is rendered', done => {
+        let renderCallbackCalled = false;
+        let receivedElement: HTMLElement | undefined;
+
+        root.render(
+            <Markdown
+                markdown="Test content"
+                markdownRenderer={mockRenderer}
+                className="test-class"
+                onRender={element => {
+                    renderCallbackCalled = true;
+                    receivedElement = element;
+                }}
+            />
+        );
+
+        setTimeout(() => {
+            assert.ok(renderCallbackCalled, 'onRender should be called');
+            assert.ok(receivedElement, 'Should receive element');
+            done();
+        }, 50);
+    });
+
+    it('should call onRender callback with undefined when content is empty', done => {
+        let renderCallbackCalled = false;
+        let receivedElement: HTMLElement | undefined = document.createElement('div'); // Initialize to non-undefined
+
+        root.render(
+            <Markdown
+                markdown={undefined}
+                markdownRenderer={mockRenderer}
+                className="test-class"
+                onRender={element => {
+                    renderCallbackCalled = true;
+                    receivedElement = element;
+                }}
+            />
+        );
+
+        setTimeout(() => {
+            assert.ok(renderCallbackCalled, 'onRender should be called even for empty content');
+            assert.strictEqual(receivedElement, undefined, 'Should receive undefined for empty content');
+            done();
+        }, 100);
+    });
+
+    it('should apply className to container', done => {
+        root.render(
+            <Markdown
+                markdown="Test"
+                markdownRenderer={mockRenderer}
+                className="custom-class"
+            />
+        );
+
+        setTimeout(() => {
+            const div = container.querySelector('.custom-class');
+            assert.ok(div, 'Container with custom class should exist');
+            done();
+        }, 50);
+    });
+});
+
+describe('LocalizedMarkdown', () => {
+    let mockRenderer: MarkdownRenderer & { lastRenderedMarkdown?: MarkdownString };
+    let container: HTMLElement;
+    let root: Root;
+
+    before(() => disableJSDOM = enableJSDOM());
+    after(() => disableJSDOM());
+
+    beforeEach(() => {
+        container = document.createElement('div');
+        document.body.appendChild(container);
+        root = createRoot(container);
+
+        mockRenderer = {
+            lastRenderedMarkdown: undefined,
+            render: (markdown: MarkdownString | undefined) => {
+                // Store the markdown for verification
+                if (typeof markdown === 'object' && 'value' in markdown) {
+                    mockRenderer.lastRenderedMarkdown = markdown;
+                }
+                const div = document.createElement('div');
+                if (markdown) {
+                    const p = document.createElement('p');
+                    const value = typeof markdown === 'object' && 'value' in markdown
+                        ? markdown.value
+                        : String(markdown);
+                    p.textContent = value;
+                    div.appendChild(p);
+                }
+                return {
+                    element: div,
+                    dispose: () => { }
+                };
+            }
+        };
+    });
+
+    afterEach(() => {
+        root.unmount();
+        document.body.removeChild(container);
+    });
+
+    it('should render localized markdown content', done => {
+        root.render(
+            <LocalizedMarkdown
+                localizationKey="test/basic"
+                defaultMarkdown="Welcome to **Theia**!"
+                markdownRenderer={mockRenderer}
+                className="test-class"
+            />
+        );
+
+        setTimeout(() => {
+            const div = container.querySelector('.test-class');
+            assert.ok(div, 'Container should exist');
+            // The content should be localized (though in tests it will be the default)
+            assert.ok(div?.textContent?.includes('Theia'), 'Should contain localized text');
+            done();
+        }, 50);
+    });
+
+    it('should render localized markdown with parameters', done => {
+        root.render(
+            <LocalizedMarkdown
+                localizationKey="test/greeting"
+                defaultMarkdown="Hello **{0}**! You have {1} messages."
+                args={['Alice', 5]}
+                markdownRenderer={mockRenderer}
+                className="test-class"
+            />
+        );
+
+        setTimeout(() => {
+            const div = container.querySelector('.test-class');
+            assert.ok(div, 'Container should exist');
+            assert.ok(div?.textContent?.includes('Alice'), 'Should contain first parameter');
+            assert.ok(div?.textContent?.includes('5'), 'Should contain second parameter');
+            done();
+        }, 50);
+    });
+
+    it('should render empty div when default markdown is empty', done => {
+        root.render(
+            <LocalizedMarkdown
+                localizationKey="test/empty"
+                defaultMarkdown=""
+                markdownRenderer={mockRenderer}
+                className="test-class"
+            />
+        );
+
+        setTimeout(() => {
+            const div = container.querySelector('.test-class');
+            assert.ok(div, 'Container should exist');
+            assert.strictEqual(div?.childNodes.length, 0, 'Should have no children');
+            done();
+        }, 50);
+    });
+
+    it('should update when localization key changes', done => {
+        const { rerender } = { rerender: (element: React.ReactElement) => root.render(element) };
+
+        root.render(
+            <LocalizedMarkdown
+                localizationKey="test/first"
+                defaultMarkdown="First content"
+                markdownRenderer={mockRenderer}
+                className="test-class"
+            />
+        );
+
+        setTimeout(() => {
+            const div = container.querySelector('.test-class');
+            assert.ok(div?.textContent?.includes('First'), 'Should contain first content');
+
+            rerender(
+                <LocalizedMarkdown
+                    localizationKey="test/second"
+                    defaultMarkdown="Second content"
+                    markdownRenderer={mockRenderer}
+                    className="test-class"
+                />
+            );
+
+            setTimeout(() => {
+                const updatedDiv = container.querySelector('.test-class');
+                assert.ok(updatedDiv?.textContent?.includes('Second'), 'Should contain second content');
+                done();
+            }, 50);
+        }, 50);
+    });
+
+    it('should pass markdown options correctly', done => {
+        root.render(
+            <LocalizedMarkdown
+                localizationKey="test/html"
+                defaultMarkdown="Content with <span>HTML</span>"
+                markdownRenderer={mockRenderer}
+                className="test-class"
+                markdownOptions={{ supportHtml: true, supportThemeIcons: true, isTrusted: true }}
+            />
+        );
+
+        setTimeout(() => {
+            const div = container.querySelector('.test-class');
+            assert.ok(div, 'Container should exist');
+            assert.ok(mockRenderer.lastRenderedMarkdown, 'Should have rendered markdown');
+            assert.strictEqual(mockRenderer.lastRenderedMarkdown?.supportHtml, true, 'Should pass supportHtml option');
+            assert.strictEqual(mockRenderer.lastRenderedMarkdown?.supportThemeIcons, true, 'Should pass supportThemeIcons option');
+            assert.strictEqual(mockRenderer.lastRenderedMarkdown?.isTrusted, true, 'Should pass isTrusted option');
+            done();
+        }, 50);
+    });
+});