github-issue-tower-defence-management 2.19.1 → 2.19.2

package/src/adapter/entry-points/console/ui/src/features/console/components/content/ConsoleMarkdownContent.tsx

@@ -1,166 +0,0 @@
-import { type ReactNode, useEffect, useMemo, useRef, useState } from 'react';
-import { createPortal } from 'react-dom';
-import {
-  type ImageProxyUrlBuilder,
-  rewriteGitHubImageSources,
-} from '../../lib/imageProxy';
-import {
-  type ConsoleRepoContext,
-  renderMarkdownToSafeHtml,
-  splitMarkdownSegments,
-} from '../../lib/markdown';
-import { parseGitHubReferenceUrl } from '../../logic/references';
-import { ConsoleCopyCodeButton } from './ConsoleCopyCodeButton';
-import { ConsoleMermaidDiagram } from './ConsoleMermaidDiagram';
-
-export type ConsoleReferenceLinkRenderer = (
-  href: string,
-  fallbackText: string,
-) => ReactNode;
-
-export type ConsoleMarkdownViewProps = {
-  body: string;
-  buildImageProxyUrl?: ImageProxyUrlBuilder;
-  renderReferenceLink?: ConsoleReferenceLinkRenderer;
-  repoContext?: ConsoleRepoContext;
-};
-
-type ConsoleMarkdownHtmlBlockProps = {
-  source: string;
-  buildImageProxyUrl?: ImageProxyUrlBuilder;
-  renderReferenceLink?: ConsoleReferenceLinkRenderer;
-  repoContext?: ConsoleRepoContext;
-};
-
-type ReferenceMount = {
-  key: string;
-  host: HTMLElement;
-  href: string;
-  fallbackText: string;
-};
-
-const collectReferenceMounts = (container: HTMLElement): ReferenceMount[] => {
-  const anchors = container.querySelectorAll<HTMLAnchorElement>('a[href]');
-  const mounts: ReferenceMount[] = [];
-  anchors.forEach((anchor, index) => {
-    const href = anchor.getAttribute('href') ?? '';
-    if (parseGitHubReferenceUrl(href) === null) {
-      return;
-    }
-    const fallbackText = anchor.textContent ?? href;
-    const host = document.createElement('span');
-    host.className = 'console-markdown-reference-host';
-    anchor.replaceWith(host);
-    mounts.push({ key: `${index}:${href}`, host, href, fallbackText });
-  });
-  return mounts;
-};
-
-type CodeBlockMount = {
-  key: string;
-  host: HTMLElement;
-  code: string;
-};
-
-const collectCodeBlockMounts = (container: HTMLElement): CodeBlockMount[] => {
-  const codeElements = container.querySelectorAll<HTMLElement>('pre > code');
-  const mounts: CodeBlockMount[] = [];
-  codeElements.forEach((codeElement, index) => {
-    const preElement = codeElement.parentElement;
-    if (preElement === null) {
-      return;
-    }
-    const code = codeElement.textContent ?? '';
-    const wrapper = document.createElement('div');
-    wrapper.className = 'console-markdown-code-block';
-    const host = document.createElement('div');
-    host.className = 'console-markdown-code-copy-host';
-    preElement.replaceWith(wrapper);
-    wrapper.append(host, preElement);
-    mounts.push({ key: `code:${index}`, host, code });
-  });
-  return mounts;
-};
-
-const ConsoleMarkdownHtmlBlock = ({
-  source,
-  buildImageProxyUrl,
-  renderReferenceLink,
-  repoContext,
-}: ConsoleMarkdownHtmlBlockProps) => {
-  const html = useMemo(() => {
-    const safeHtml = renderMarkdownToSafeHtml(source, repoContext);
-    if (buildImageProxyUrl === undefined) {
-      return safeHtml;
-    }
-    return rewriteGitHubImageSources(safeHtml, buildImageProxyUrl);
-  }, [source, buildImageProxyUrl, repoContext]);
-  const containerRef = useRef<HTMLDivElement>(null);
-  const [referenceMounts, setReferenceMounts] = useState<ReferenceMount[]>([]);
-  const [codeBlockMounts, setCodeBlockMounts] = useState<CodeBlockMount[]>([]);
-
-  useEffect(() => {
-    const container = containerRef.current;
-    if (container === null) {
-      return;
-    }
-    container.innerHTML = html;
-    setCodeBlockMounts(collectCodeBlockMounts(container));
-    setReferenceMounts(
-      renderReferenceLink === undefined
-        ? []
-        : collectReferenceMounts(container),
-    );
-  }, [html, renderReferenceLink]);
-
-  return (
-    <div ref={containerRef} className="console-markdown">
-      {codeBlockMounts.map((mount) =>
-        createPortal(
-          <ConsoleCopyCodeButton code={mount.code} />,
-          mount.host,
-          mount.key,
-        ),
-      )}
-      {renderReferenceLink !== undefined &&
-        referenceMounts.map((mount) =>
-          createPortal(
-            renderReferenceLink(mount.href, mount.fallbackText),
-            mount.host,
-            mount.key,
-          ),
-        )}
-    </div>
-  );
-};
-
-export const ConsoleMarkdownContent = ({
-  body,
-  buildImageProxyUrl,
-  renderReferenceLink,
-  repoContext,
-}: ConsoleMarkdownViewProps) => {
-  const segments = useMemo(() => splitMarkdownSegments(body), [body]);
-
-  if (body.trim() === '') {
-    return <p className="console-markdown-empty">No description provided.</p>;
-  }
-
-  return (
-    <div className="console-markdown-view">
-      {segments.map((segment) =>
-        segment.kind === 'mermaid' ? (
-          <ConsoleMermaidDiagram key={segment.key} code={segment.code} />
-        ) : (
-          <ConsoleMarkdownHtmlBlock
-            key={segment.key}
-            source={segment.source}
-            buildImageProxyUrl={buildImageProxyUrl}
-            renderReferenceLink={renderReferenceLink}
-            repoContext={repoContext}
-          />
-        ),
-      )}
-    </div>
-  );
-};

package/src/adapter/entry-points/console/ui/src/features/console/components/content/ConsoleMermaidDiagram.stories.tsx

@@ -1,22 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react-vite';
-import { consoleMermaidCodeFixture } from '../../testing/fixtures';
-import { ConsoleMermaidDiagram } from './ConsoleMermaidDiagram';
-
-const meta: Meta<typeof ConsoleMermaidDiagram> = {
-  title: 'Console/ConsoleMermaidDiagram',
-  component: ConsoleMermaidDiagram,
-};
-
-export default meta;
-
-type Story = StoryObj<typeof ConsoleMermaidDiagram>;
-
-export const SequenceDiagram: Story = {
-  args: { code: consoleMermaidCodeFixture },
-};
-
-export const FlowDiagram: Story = {
-  args: {
-    code: 'graph TD;\n  Start-->Fetch;\n  Fetch-->Render;\n  Render-->Done;',
-  },
-};

package/src/adapter/entry-points/console/ui/src/features/console/components/content/ConsoleMermaidDiagram.test.tsx

@@ -1,74 +0,0 @@
-import { fireEvent, render, screen, waitFor } from '@testing-library/react';
-import { renderMermaidToSvg } from '../../lib/mermaidLoader';
-import { ConsoleMermaidDiagram } from './ConsoleMermaidDiagram';
-
-jest.mock('../../lib/mermaidLoader', () => ({
-  renderMermaidToSvg: jest.fn(),
-}));
-
-const mockedRender = renderMermaidToSvg as jest.MockedFunction<
-  typeof renderMermaidToSvg
->;
-
-describe('ConsoleMermaidDiagram', () => {
-  beforeEach(() => {
-    mockedRender.mockReset();
-  });
-
-  it('renders the sanitized svg once ready', async () => {
-    mockedRender.mockResolvedValue('<svg id="ok"></svg>');
-    const { container } = render(
-      <ConsoleMermaidDiagram code="graph TD; A-->B;" />,
-    );
-    await waitFor(() => {
-      expect(container.querySelector('svg#ok')).not.toBeNull();
-    });
-  });
-
-  it('shows the source and an error note when rendering fails', async () => {
-    mockedRender.mockRejectedValue(new Error('parse error'));
-    const { getByText } = render(<ConsoleMermaidDiagram code="bad diagram" />);
-    await waitFor(() => {
-      expect(
-        getByText(/Mermaid render error: parse error/),
-      ).toBeInTheDocument();
-    });
-    expect(getByText('bad diagram')).toBeInTheDocument();
-  });
-
-  it('opens the enlarged view carrying the same diagram', async () => {
-    mockedRender.mockResolvedValue('<svg id="ok"></svg>');
-    const { container } = render(
-      <ConsoleMermaidDiagram code="graph TD; A-->B;" />,
-    );
-    await waitFor(() => {
-      expect(container.querySelector('svg#ok')).not.toBeNull();
-    });
-    expect(screen.queryByRole('dialog')).toBeNull();
-    fireEvent.click(screen.getByText('Enlarge diagram'));
-    const dialog = screen.getByRole('dialog');
-    expect(dialog.querySelector('svg#ok')).not.toBeNull();
-  });
-
-  it('closes the enlarged view again', async () => {
-    mockedRender.mockResolvedValue('<svg id="ok"></svg>');
-    const { container } = render(
-      <ConsoleMermaidDiagram code="graph TD; A-->B;" />,
-    );
-    await waitFor(() => {
-      expect(container.querySelector('svg#ok')).not.toBeNull();
-    });
-    fireEvent.click(screen.getByText('Enlarge diagram'));
-    fireEvent.click(screen.getByLabelText('Close enlarged diagram'));
-    expect(screen.queryByRole('dialog')).toBeNull();
-  });
-
-  it('offers no enlarged view while the diagram failed to render', async () => {
-    mockedRender.mockRejectedValue(new Error('parse error'));
-    render(<ConsoleMermaidDiagram code="bad diagram" />);
-    await waitFor(() => {
-      expect(screen.getByText(/Mermaid render error/)).toBeInTheDocument();
-    });
-    expect(screen.queryByText('Enlarge diagram')).toBeNull();
-  });
-});

package/src/adapter/entry-points/console/ui/src/features/console/components/content/ConsoleMermaidDiagram.tsx

@@ -1,84 +0,0 @@
-import { useEffect, useRef, useState } from 'react';
-import { renderMermaidToSvg } from '../../lib/mermaidLoader';
-import { ConsoleMermaidDiagramModalScreen } from './ConsoleMermaidDiagramModalScreen';
-
-export type ConsoleMermaidDiagramProps = {
-  code: string;
-};
-
-type MermaidRenderState =
-  | { status: 'loading' }
-  | { status: 'ready'; svg: string }
-  | { status: 'error'; message: string };
-
-export const ConsoleMermaidDiagram = ({ code }: ConsoleMermaidDiagramProps) => {
-  const [state, setState] = useState<MermaidRenderState>({ status: 'loading' });
-  const [isEnlarged, setIsEnlarged] = useState<boolean>(false);
-  const containerRef = useRef<HTMLDivElement>(null);
-
-  useEffect(() => {
-    let cancelled = false;
-    setState({ status: 'loading' });
-    renderMermaidToSvg(code)
-      .then((svg) => {
-        if (!cancelled) {
-          setState({ status: 'ready', svg });
-        }
-      })
-      .catch((cause: unknown) => {
-        if (!cancelled) {
-          setState({
-            status: 'error',
-            message: cause instanceof Error ? cause.message : String(cause),
-          });
-        }
-      });
-    return () => {
-      cancelled = true;
-    };
-  }, [code]);
-
-  useEffect(() => {
-    const container = containerRef.current;
-    if (container === null) {
-      return;
-    }
-    container.innerHTML = state.status === 'ready' ? state.svg : '';
-  }, [state]);
-
-  if (state.status === 'loading') {
-    return <div className="console-mermaid-loading">Rendering diagram...</div>;
-  }
-
-  if (state.status === 'error') {
-    return (
-      <div className="console-mermaid">
-        <div className="console-mermaid-error">
-          Mermaid render error: {state.message}
-        </div>
-        <pre className="console-mermaid-source">
-          <code>{code}</code>
-        </pre>
-      </div>
-    );
-  }
-
-  return (
-    <div className="console-mermaid">
-      <div ref={containerRef} className="console-mermaid-rendered" />
-      <button
-        type="button"
-        className="console-mermaid-enlarge"
-        onClick={() => setIsEnlarged(true)}
-      >
-        Enlarge diagram
-      </button>
-      {isEnlarged && (
-        <ConsoleMermaidDiagramModalScreen
-          svg={state.svg}
-          onClose={() => setIsEnlarged(false)}
-        />
-      )}
-    </div>
-  );
-};

package/src/adapter/entry-points/console/ui/src/features/console/components/content/ConsoleMermaidDiagramModalScreen.stories.tsx

@@ -1,27 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react-vite';
-import { ConsoleMermaidDiagramModalScreen } from './ConsoleMermaidDiagramModalScreen';
-
-const wideDiagramSvg = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1600 320" width="100%" style="max-width: 1600px;">
-  <rect x="0" y="0" width="1600" height="320" fill="#0d1117" />
-  <rect x="40" y="60" width="320" height="90" fill="#161b22" stroke="#30363d" />
-  <text x="60" y="110" fill="#e6edf3" font-size="20">Deal</text>
-  <rect x="640" y="60" width="320" height="90" fill="#161b22" stroke="#30363d" />
-  <text x="660" y="110" fill="#e6edf3" font-size="20">InformationMemorandum</text>
-  <rect x="1240" y="60" width="320" height="90" fill="#161b22" stroke="#30363d" />
-  <text x="1260" y="110" fill="#e6edf3" font-size="20">RequirementCoverage</text>
-  <line x1="360" y1="105" x2="640" y2="105" stroke="#8b949e" stroke-width="2" />
-  <line x1="960" y1="105" x2="1240" y2="105" stroke="#8b949e" stroke-width="2" />
-</svg>`;
-
-const meta: Meta<typeof ConsoleMermaidDiagramModalScreen> = {
-  title: 'Console/ConsoleMermaidDiagramModalScreen',
-  component: ConsoleMermaidDiagramModalScreen,
-};
-
-export default meta;
-
-type Story = StoryObj<typeof ConsoleMermaidDiagramModalScreen>;
-
-export const WideDiagram: Story = {
-  args: { svg: wideDiagramSvg, onClose: () => {} },
-};

package/src/adapter/entry-points/console/ui/src/features/console/components/content/ConsoleMermaidDiagramModalScreen.test.tsx

@@ -1,85 +0,0 @@
-import { fireEvent, render, screen } from '@testing-library/react';
-import { MERMAID_ZOOM_MAX_SCALE } from '../../lib/mermaidZoom';
-import { ConsoleMermaidDiagramModalScreen } from './ConsoleMermaidDiagramModalScreen';
-
-const svgFixture = '<svg id="enlarged"></svg>';
-
-describe('ConsoleMermaidDiagramModalScreen', () => {
-  it('shows the diagram at the minimum scale first', () => {
-    const { container } = render(
-      <ConsoleMermaidDiagramModalScreen svg={svgFixture} onClose={() => {}} />,
-    );
-    expect(container.querySelector('svg#enlarged')).not.toBeNull();
-    expect(screen.getByText('100%')).toBeInTheDocument();
-    const canvas = container.querySelector<HTMLElement>(
-      '.console-mermaid-modal-canvas',
-    );
-    expect(canvas?.style.width).toBe('100%');
-  });
-
-  it('widens the canvas when zooming in', () => {
-    const { container } = render(
-      <ConsoleMermaidDiagramModalScreen svg={svgFixture} onClose={() => {}} />,
-    );
-    fireEvent.click(screen.getByLabelText('Zoom in'));
-    expect(screen.getByText('150%')).toBeInTheDocument();
-    const canvas = container.querySelector<HTMLElement>(
-      '.console-mermaid-modal-canvas',
-    );
-    expect(canvas?.style.width).toBe('150%');
-  });
-
-  it('lets the diagram outgrow the width mermaid fixed on it', () => {
-    const { container } = render(
-      <ConsoleMermaidDiagramModalScreen
-        svg='<svg id="enlarged" style="max-width: 320px;"></svg>'
-        onClose={() => {}}
-      />,
-    );
-    const diagram = container.querySelector<SVGSVGElement>('svg#enlarged');
-    expect(diagram?.style.maxWidth).toBe('');
-    expect(diagram?.style.width).toBe('100%');
-    expect(diagram?.style.height).toBe('auto');
-  });
-
-  it('cannot zoom out below the minimum', () => {
-    render(
-      <ConsoleMermaidDiagramModalScreen svg={svgFixture} onClose={() => {}} />,
-    );
-    expect(screen.getByLabelText('Zoom out')).toBeDisabled();
-  });
-
-  it('stops zooming in at the maximum', () => {
-    render(
-      <ConsoleMermaidDiagramModalScreen svg={svgFixture} onClose={() => {}} />,
-    );
-    const zoomIn = screen.getByLabelText('Zoom in');
-    for (let step = 0; step < 20; step += 1) {
-      if (!(zoomIn as HTMLButtonElement).disabled) {
-        fireEvent.click(zoomIn);
-      }
-    }
-    expect(
-      screen.getByText(`${MERMAID_ZOOM_MAX_SCALE * 100}%`),
-    ).toBeInTheDocument();
-    expect(zoomIn).toBeDisabled();
-  });
-
-  it('closes on the close control', () => {
-    const onClose = jest.fn();
-    render(
-      <ConsoleMermaidDiagramModalScreen svg={svgFixture} onClose={onClose} />,
-    );
-    fireEvent.click(screen.getByLabelText('Close enlarged diagram'));
-    expect(onClose).toHaveBeenCalledTimes(1);
-  });
-
-  it('closes on the escape key', () => {
-    const onClose = jest.fn();
-    render(
-      <ConsoleMermaidDiagramModalScreen svg={svgFixture} onClose={onClose} />,
-    );
-    fireEvent.keyDown(document, { key: 'Escape' });
-    expect(onClose).toHaveBeenCalledTimes(1);
-  });
-});

package/src/adapter/entry-points/console/ui/src/features/console/components/content/ConsoleMermaidDiagramModalScreen.tsx

@@ -1,97 +0,0 @@
-import { useEffect, useRef, useState } from 'react';
-import {
-  formatMermaidZoomScale,
-  isMermaidZoomScaleAtMaximum,
-  isMermaidZoomScaleAtMinimum,
-  MERMAID_ZOOM_MIN_SCALE,
-  mermaidZoomCanvasWidth,
-  mermaidZoomScaleIn,
-  mermaidZoomScaleOut,
-} from '../../lib/mermaidZoom';
-
-export type ConsoleMermaidDiagramModalScreenProps = {
-  svg: string;
-  onClose: () => void;
-};
-
-export const ConsoleMermaidDiagramModalScreen = ({
-  svg,
-  onClose,
-}: ConsoleMermaidDiagramModalScreenProps) => {
-  const [scale, setScale] = useState<number>(MERMAID_ZOOM_MIN_SCALE);
-  const canvasRef = useRef<HTMLDivElement>(null);
-
-  useEffect(() => {
-    const canvas = canvasRef.current;
-    if (canvas === null) {
-      return;
-    }
-    canvas.innerHTML = svg;
-    const diagram = canvas.querySelector('svg');
-    if (diagram !== null) {
-      diagram.style.removeProperty('max-width');
-      diagram.style.setProperty('width', '100%');
-      diagram.style.setProperty('height', 'auto');
-    }
-  }, [svg]);
-
-  useEffect(() => {
-    const handleKeyDown = (event: KeyboardEvent) => {
-      if (event.key === 'Escape') {
-        onClose();
-      }
-    };
-    document.addEventListener('keydown', handleKeyDown);
-    return () => {
-      document.removeEventListener('keydown', handleKeyDown);
-    };
-  }, [onClose]);
-
-  return (
-    <div
-      className="console-mermaid-modal"
-      role="dialog"
-      aria-modal="true"
-      aria-label="Enlarged diagram"
-    >
-      <div className="console-mermaid-modal-bar">
-        <button
-          type="button"
-          className="console-mermaid-modal-button"
-          aria-label="Zoom out"
-          disabled={isMermaidZoomScaleAtMinimum(scale)}
-          onClick={() => setScale(mermaidZoomScaleOut(scale))}
-        >
-          −
-        </button>
-        <span className="console-mermaid-modal-scale">
-          {formatMermaidZoomScale(scale)}
-        </span>
-        <button
-          type="button"
-          className="console-mermaid-modal-button"
-          aria-label="Zoom in"
-          disabled={isMermaidZoomScaleAtMaximum(scale)}
-          onClick={() => setScale(mermaidZoomScaleIn(scale))}
-        >
-          +
-        </button>
-        <button
-          type="button"
-          className="console-mermaid-modal-close"
-          aria-label="Close enlarged diagram"
-          onClick={onClose}
-        >
-          ✕
-        </button>
-      </div>
-      <div className="console-mermaid-modal-viewport">
-        <div
-          ref={canvasRef}
-          className="console-mermaid-modal-canvas"
-          style={{ width: mermaidZoomCanvasWidth(scale) }}
-        />
-      </div>
-    </div>
-  );
-};

package/src/adapter/entry-points/console/ui/src/features/console/components/content/ConsoleReferenceLink.stories.tsx

@@ -1,76 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react-vite';
-import { ConsoleReferenceLink } from './ConsoleReferenceLink';
-
-const meta: Meta<typeof ConsoleReferenceLink> = {
-  title: 'Console/ConsoleReferenceLink',
-  component: ConsoleReferenceLink,
-};
-
-export default meta;
-
-type Story = StoryObj<typeof ConsoleReferenceLink>;
-
-export const OpenPullRequest: Story = {
-  args: {
-    href: 'https://github.com/HiromiShikata/npm-cli-github-issue-tower-defence-management/pull/995',
-    fallbackText:
-      'https://github.com/HiromiShikata/npm-cli-github-issue-tower-defence-management/pull/995',
-    state: {
-      state: 'open',
-      merged: false,
-      isPullRequest: true,
-      title: 'Rename serveConsole subcommand to serveWeb',
-    },
-  },
-};
-
-export const MergedPullRequest: Story = {
-  args: {
-    href: 'https://github.com/HiromiShikata/npm-cli-github-issue-tower-defence-management/pull/851',
-    fallbackText:
-      'https://github.com/HiromiShikata/npm-cli-github-issue-tower-defence-management/pull/851',
-    state: {
-      state: 'closed',
-      merged: true,
-      isPullRequest: true,
-      title: 'Add serveConsole subcommand under entry-points',
-    },
-  },
-};
-
-export const OpenIssue: Story = {
-  args: {
-    href: 'https://github.com/HiromiShikata/npm-cli-github-issue-tower-defence-management/issues/845',
-    fallbackText:
-      'https://github.com/HiromiShikata/npm-cli-github-issue-tower-defence-management/issues/845',
-    state: {
-      state: 'open',
-      merged: false,
-      isPullRequest: false,
-      title: 'Scaffold React console UI under entry-points with build bundling',
-    },
-  },
-};
-
-export const ClosedIssue: Story = {
-  args: {
-    href: 'https://github.com/HiromiShikata/npm-cli-github-issue-tower-defence-management/issues/692',
-    fallbackText:
-      'https://github.com/HiromiShikata/npm-cli-github-issue-tower-defence-management/issues/692',
-    state: {
-      state: 'closed',
-      merged: false,
-      isPullRequest: false,
-      title: 'Publish the generated documentation site to GitHub Pages',
-    },
-  },
-};
-
-export const UnresolvedFallback: Story = {
-  args: {
-    href: 'https://github.com/HiromiShikata/npm-cli-github-issue-tower-defence-management/pull/995',
-    fallbackText:
-      'https://github.com/HiromiShikata/npm-cli-github-issue-tower-defence-management/pull/995',
-    state: null,
-  },
-};

package/src/adapter/entry-points/console/ui/src/features/console/components/content/ConsoleReferenceLink.test.tsx

@@ -1,56 +0,0 @@
-import { render } from '@testing-library/react';
-import { ConsoleReferenceLink } from './ConsoleReferenceLink';
-
-describe('ConsoleReferenceLink', () => {
-  const href = 'https://github.com/octo/repo/pull/7';
-
-  it('renders the state icon and fetched title when state is resolved', () => {
-    const { container, getByText } = render(
-      <ConsoleReferenceLink
-        href={href}
-        fallbackText={href}
-        state={{
-          state: 'open',
-          merged: false,
-          isPullRequest: true,
-          title: 'Decorate PR links',
-        }}
-      />,
-    );
-    expect(getByText('Decorate PR links')).toBeInTheDocument();
-    expect(container.querySelector('.console-item-icon')).not.toBeNull();
-    const anchor = container.querySelector('a');
-    expect(anchor?.getAttribute('href')).toBe(href);
-  });
-
-  it('falls back to the plain link when state is null', () => {
-    const { container, getByText } = render(
-      <ConsoleReferenceLink
-        href={href}
-        fallbackText="plain text"
-        state={null}
-      />,
-    );
-    expect(getByText('plain text')).toBeInTheDocument();
-    expect(container.querySelector('.console-item-icon')).toBeNull();
-  });
-
-  it('falls back to the plain link when the resolved title is empty', () => {
-    const { container } = render(
-      <ConsoleReferenceLink
-        href={href}
-        fallbackText="plain text"
-        state={{
-          state: 'open',
-          merged: false,
-          isPullRequest: true,
-          title: '',
-        }}
-      />,
-    );
-    expect(container.querySelector('.console-item-icon')).toBeNull();
-    expect(
-      container.querySelector('.console-markdown-reference-plain'),
-    ).not.toBeNull();
-  });
-});