@memberjunction/ng-markdown 5.42.0 → 5.44.0

package/dist/lib/components/markdown.component.dom.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=markdown.component.dom.test.d.ts.map

package/dist/lib/components/markdown.component.dom.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"markdown.component.dom.test.d.ts","sourceRoot":"","sources":["../../../src/lib/components/markdown.component.dom.test.ts"],"names":[],"mappings":""}

package/dist/lib/components/markdown.component.dom.test.js

@@ -0,0 +1,81 @@
+import { describe, it, expect } from 'vitest';
+import { CommonModule } from '@angular/common';
+import { renderComponentFixture, query, capture } from '@memberjunction/ng-test-utils';
+import { MarkdownComponent } from './markdown.component';
+/**
+ * DOM-level spec for <mj-markdown>. The component is module-declared
+ * (standalone:false), so we render it via `declarations` + `imports: [CommonModule]`
+ * and configure it through `@Input`s.
+ *
+ * It uses the real (providedIn:'root') MarkdownService, which parses markdown
+ * synchronously via marked.js. We assert on the rendered output that lands in the
+ * `[innerHTML]`-bound container, plus the container-class binding and the `rendered`
+ * @Output. Mermaid/Prism async post-processing is NOT asserted here (mermaid needs a
+ * real browser; that's a live-test concern) — we only verify the deterministic,
+ * media-free template surface.
+ */
+describe('MarkdownComponent (DOM)', () => {
+    function render(inputs) {
+        return renderComponentFixture(MarkdownComponent, {
+            imports: [CommonModule],
+            declarations: [MarkdownComponent],
+            inputs,
+        });
+    }
+    const container = (f) => f.nativeElement.querySelector('.mj-markdown-container');
+    it('renders the static container element', () => {
+        const f = render({ data: '' });
+        expect(query(f, '.mj-markdown-container')).not.toBeNull();
+    });
+    it('renders markdown content into the innerHTML-bound container', () => {
+        const f = render({ data: '# Hello World' });
+        const c = container(f);
+        const heading = c.querySelector('h1');
+        expect(heading).not.toBeNull();
+        expect(heading.textContent).toContain('Hello World');
+    });
+    it('renders inline markdown formatting (bold) as the corresponding HTML element', () => {
+        const f = render({ data: 'This is **strong** text' });
+        expect(container(f).querySelector('strong')?.textContent).toBe('strong');
+    });
+    it('renders a fenced code block as a <pre><code> structure', () => {
+        const f = render({ data: '```\nconst x = 1;\n```' });
+        const c = container(f);
+        expect(c.querySelector('pre')).not.toBeNull();
+        expect(c.querySelector('pre code')).not.toBeNull();
+    });
+    it('renders an empty container when data is empty', () => {
+        const f = render({ data: '' });
+        // No data => renderedContent stays '' => no rendered child markup.
+        expect(container(f).children.length).toBe(0);
+    });
+    it('applies the containerClass input to the container element', () => {
+        const f = render({ data: '# X', containerClass: 'my-custom-class' });
+        expect(container(f).classList.contains('my-custom-class')).toBe(true);
+    });
+    it('emits the rendered @Output with hasCodeBlocks=true for code content', async () => {
+        const f = render({ data: '' });
+        const events = capture(f.componentInstance.rendered);
+        // Setting data after first render drives ngOnChanges -> render() -> postRenderProcessing
+        // is scheduled on a microtask. Use setInput (zoneless-correct), then flush the microtask.
+        f.componentRef.setInput('data', '```\nconst x = 1;\n```');
+        f.detectChanges();
+        await Promise.resolve();
+        await Promise.resolve();
+        expect(events.length).toBeGreaterThanOrEqual(1);
+        const last = events[events.length - 1];
+        expect(last.hasCodeBlocks).toBe(true);
+        expect(last.hasMermaid).toBe(false);
+    });
+    it('emits the rendered @Output with hasCodeBlocks=false for prose-only content', async () => {
+        const f = render({ data: '' });
+        const events = capture(f.componentInstance.rendered);
+        f.componentRef.setInput('data', 'Just some plain prose.');
+        f.detectChanges();
+        await Promise.resolve();
+        await Promise.resolve();
+        expect(events.length).toBeGreaterThanOrEqual(1);
+        expect(events[events.length - 1].hasCodeBlocks).toBe(false);
+    });
+});
+//# sourceMappingURL=markdown.component.dom.test.js.map

package/dist/lib/components/markdown.component.dom.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"markdown.component.dom.test.js","sourceRoot":"","sources":["../../../src/lib/components/markdown.component.dom.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { describe, it, expect } from 'vitest';\nimport { ComponentFixture } from '@angular/core/testing';\nimport { CommonModule } from '@angular/common';\nimport { renderComponentFixture, query, capture } from '@memberjunction/ng-test-utils';\nimport { MarkdownComponent } from './markdown.component';\nimport { MarkdownRenderEvent } from '../types/markdown.types';\n\n/**\n * DOM-level spec for <mj-markdown>. The component is module-declared\n * (standalone:false), so we render it via `declarations` + `imports: [CommonModule]`\n * and configure it through `@Input`s.\n *\n * It uses the real (providedIn:'root') MarkdownService, which parses markdown\n * synchronously via marked.js. We assert on the rendered output that lands in the\n * `[innerHTML]`-bound container, plus the container-class binding and the `rendered`\n * @Output. Mermaid/Prism async post-processing is NOT asserted here (mermaid needs a\n * real browser; that's a live-test concern) — we only verify the deterministic,\n * media-free template surface.\n */\ndescribe('MarkdownComponent (DOM)', () => {\n  function render(inputs: Record<string, unknown>): ComponentFixture<MarkdownComponent> {\n    return renderComponentFixture(MarkdownComponent, {\n      imports: [CommonModule],\n      declarations: [MarkdownComponent],\n      inputs,\n    });\n  }\n\n  const container = (f: ComponentFixture<MarkdownComponent>): HTMLElement => f.nativeElement.querySelector('.mj-markdown-container') as HTMLElement;\n\n  it('renders the static container element', () => {\n    const f = render({ data: '' });\n    expect(query(f, '.mj-markdown-container')).not.toBeNull();\n  });\n\n  it('renders markdown content into the innerHTML-bound container', () => {\n    const f = render({ data: '# Hello World' });\n    const c = container(f);\n    const heading = c.querySelector('h1');\n    expect(heading).not.toBeNull();\n    expect(heading!.textContent).toContain('Hello World');\n  });\n\n  it('renders inline markdown formatting (bold) as the corresponding HTML element', () => {\n    const f = render({ data: 'This is **strong** text' });\n    expect(container(f).querySelector('strong')?.textContent).toBe('strong');\n  });\n\n  it('renders a fenced code block as a <pre><code> structure', () => {\n    const f = render({ data: '```\\nconst x = 1;\\n```' });\n    const c = container(f);\n    expect(c.querySelector('pre')).not.toBeNull();\n    expect(c.querySelector('pre code')).not.toBeNull();\n  });\n\n  it('renders an empty container when data is empty', () => {\n    const f = render({ data: '' });\n    // No data => renderedContent stays '' => no rendered child markup.\n    expect(container(f).children.length).toBe(0);\n  });\n\n  it('applies the containerClass input to the container element', () => {\n    const f = render({ data: '# X', containerClass: 'my-custom-class' });\n    expect(container(f).classList.contains('my-custom-class')).toBe(true);\n  });\n\n  it('emits the rendered @Output with hasCodeBlocks=true for code content', async () => {\n    const f = render({ data: '' });\n    const events = capture<MarkdownRenderEvent>(f.componentInstance.rendered);\n\n    // Setting data after first render drives ngOnChanges -> render() -> postRenderProcessing\n    // is scheduled on a microtask. Use setInput (zoneless-correct), then flush the microtask.\n    f.componentRef.setInput('data', '```\\nconst x = 1;\\n```');\n    f.detectChanges();\n    await Promise.resolve();\n    await Promise.resolve();\n\n    expect(events.length).toBeGreaterThanOrEqual(1);\n    const last = events[events.length - 1];\n    expect(last.hasCodeBlocks).toBe(true);\n    expect(last.hasMermaid).toBe(false);\n  });\n\n  it('emits the rendered @Output with hasCodeBlocks=false for prose-only content', async () => {\n    const f = render({ data: '' });\n    const events = capture<MarkdownRenderEvent>(f.componentInstance.rendered);\n\n    f.componentRef.setInput('data', 'Just some plain prose.');\n    f.detectChanges();\n    await Promise.resolve();\n    await Promise.resolve();\n\n    expect(events.length).toBeGreaterThanOrEqual(1);\n    expect(events[events.length - 1].hasCodeBlocks).toBe(false);\n  });\n});\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@memberjunction/ng-markdown",
-  "version": "5.42.0",
+  "version": "5.44.0",
   "description": "MemberJunction: Lightweight Angular markdown component with Prism.js highlighting, Mermaid diagrams, and extensible features",
   "main": "./dist/public-api.js",
   "typings": "./dist/public-api.d.ts",
@@ -25,6 +25,7 @@
   "devDependencies": {
     "@angular/compiler": "21.1.3",
     "@angular/compiler-cli": "21.1.3",
+    "@memberjunction/ng-test-utils": "5.44.0",
     "vitest": "^4.0.18"
   },
   "peerDependencies": {