npm - github-issue-tower-defence-management - Versions diffs - 1.113.0 → 1.114.0 - Mend

github-issue-tower-defence-management 1.113.0 → 1.114.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (42) hide show

package/bin/adapter/entry-points/console/ui-dist/index.html CHANGED Viewed

@@ -4,8 +4,8 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>TDPM Console</title>
-    <script type="module" crossorigin src="/assets/index-DfNrA5uV.js"></script>
-    <link rel="stylesheet" crossorigin href="/assets/index-CEJmPNRK.css">
+    <script type="module" crossorigin src="/assets/index-DQyZ8KpG.js"></script>
+    <link rel="stylesheet" crossorigin href="/assets/index-Blb_xqIx.css">
   </head>
   <body>
     <div id="root"></div>

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "github-issue-tower-defence-management",
-  "version": "1.113.0",
+  "version": "1.114.0",
   "description": "",
   "main": "bin/index.js",
   "scripts": {

package/src/adapter/entry-points/console/consoleReadApi.test.ts CHANGED Viewed

@@ -1,5 +1,33 @@
 import { mock } from 'jest-mock-extended';
+import { Issue } from '../../../domain/entities/Issue';
 import { IssueRepository } from '../../../domain/usecases/adapter-interfaces/IssueRepository';
+const buildIssueFixture = (title: string): Issue => ({
+  nameWithOwner: 'o/r',
+  number: 1,
+  title,
+  state: 'OPEN',
+  status: null,
+  story: null,
+  nextActionDate: null,
+  nextActionHour: null,
+  estimationMinutes: null,
+  dependedIssueUrls: [],
+  completionDate50PercentConfidence: null,
+  url: 'https://github.com/o/r/issues/1',
+  assignees: [],
+  labels: [],
+  org: 'o',
+  repo: 'r',
+  body: '',
+  itemId: 'itemId',
+  isPr: false,
+  isInProgress: false,
+  isClosed: false,
+  createdAt: new Date('2026-01-01T00:00:00Z'),
+  author: 'octocat',
+  closingIssueReferenceUrls: [],
+});
 import {
   ISSUE_TITLE_CACHE_TTL_MS,
   IssueTitleStateCache,
@@ -241,6 +269,9 @@ describe('consoleReadApi', () => {
         merged: false,
         isPullRequest: false,
       });
+      issueRepository.getIssueByUrl.mockResolvedValue(
+        buildIssueFixture('Issue title from repository'),
+      );
       const cache = new IssueTitleStateCache(() => 0);
       const url = 'https://github.com/o/r/issues/1';
       const first = await handleIssueTitle(issueRepository, cache, url);
@@ -248,12 +279,63 @@ describe('consoleReadApi', () => {
         state: 'OPEN',
         merged: false,
         isPullRequest: false,
+        title: 'Issue title from repository',
       });
       const second = await handleIssueTitle(issueRepository, cache, url);
       expect(second.body).toEqual(first.body);
       expect(issueRepository.getIssueOrPullRequestState).toHaveBeenCalledTimes(
         1,
       );
+      expect(issueRepository.getIssueByUrl).toHaveBeenCalledTimes(1);
+    });
+    it('returns the pull request title from the summary for pull request urls', async () => {
+      const issueRepository = mock<IssueRepository>();
+      issueRepository.getIssueOrPullRequestState.mockResolvedValue({
+        state: 'CLOSED',
+        merged: true,
+        isPullRequest: true,
+      });
+      issueRepository.getPullRequestSummary.mockResolvedValue({
+        title: 'Pull request title from summary',
+        body: 'body',
+        additions: 1,
+        deletions: 0,
+        changedFiles: 1,
+      });
+      const cache = new IssueTitleStateCache(() => 0);
+      const url = 'https://github.com/o/r/pull/2';
+      const response = await handleIssueTitle(issueRepository, cache, url);
+      expect(response.body).toEqual({
+        state: 'CLOSED',
+        merged: true,
+        isPullRequest: true,
+        title: 'Pull request title from summary',
+      });
+      expect(issueRepository.getPullRequestSummary).toHaveBeenCalledWith(url);
+      expect(issueRepository.getIssueByUrl).not.toHaveBeenCalled();
+    });
+    it('falls back to an empty title when the title source returns nothing', async () => {
+      const issueRepository = mock<IssueRepository>();
+      issueRepository.getIssueOrPullRequestState.mockResolvedValue({
+        state: 'OPEN',
+        merged: false,
+        isPullRequest: false,
+      });
+      issueRepository.getIssueByUrl.mockResolvedValue(null);
+      const cache = new IssueTitleStateCache(() => 0);
+      const response = await handleIssueTitle(
+        issueRepository,
+        cache,
+        'https://github.com/o/r/issues/3',
+      );
+      expect(response.body).toEqual({
+        state: 'OPEN',
+        merged: false,
+        isPullRequest: false,
+        title: '',
+      });
     });
     it('re-fetches a non-merged result after the TTL elapses', async () => {

package/src/adapter/entry-points/console/consoleReadApi.ts CHANGED Viewed

@@ -12,6 +12,7 @@ export type IssueOrPullRequestState = {
   state: string;
   merged: boolean;
   isPullRequest: boolean;
+  title: string;
 };
 export type PullRequestStatus = {
@@ -215,6 +216,19 @@ export const handleRelatedPrs = async (
   return ok({ relatedPullRequests: withSummaries });
 };
+const resolveIssueOrPullRequestTitle = async (
+  issueRepository: IssueRepository,
+  url: string,
+  isPullRequest: boolean,
+): Promise<string> => {
+  if (isPullRequest) {
+    const summary = await issueRepository.getPullRequestSummary(url);
+    return summary?.title ?? '';
+  }
+  const issue = await issueRepository.getIssueByUrl(url);
+  return issue?.title ?? '';
+};
 export const handleIssueTitle = async (
   issueRepository: IssueRepository,
   cache: IssueTitleStateCache,
@@ -227,7 +241,13 @@ export const handleIssueTitle = async (
   if (cached !== null) {
     return ok(cached);
   }
-  const state = await issueRepository.getIssueOrPullRequestState(url);
+  const baseState = await issueRepository.getIssueOrPullRequestState(url);
+  const title = await resolveIssueOrPullRequestTitle(
+    issueRepository,
+    url,
+    baseState.isPullRequest,
+  );
+  const state: IssueOrPullRequestState = { ...baseState, title };
   cache.set(url, state);
   return ok(state);
 };

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

@@ -4,9 +4,12 @@ import {
   consoleCodeFenceBodyFixture,
   consoleMarkdownBodyFixture,
   consoleMarkdownImageBodyFixture,
+  consoleMarkdownReferenceBodyFixture,
   consoleMermaidBodyFixture,
+  consoleReferenceStatesFixture,
 } from '../../testing/fixtures';
 import { ConsoleMarkdownContent } from './ConsoleMarkdownContent';
+import { ConsoleReferenceLink } from './ConsoleReferenceLink';
 const meta: Meta<typeof ConsoleMarkdownContent> = {
   title: 'Console/ConsoleMarkdownContent',
@@ -37,6 +40,19 @@ export const WithProxiedGitHubImages: Story = {
   },
 };
+export const WithDecoratedReferenceLinks: Story = {
+  args: {
+    body: consoleMarkdownReferenceBodyFixture,
+    renderReferenceLink: (href, fallbackText) => (
+      <ConsoleReferenceLink
+        href={href}
+        fallbackText={fallbackText}
+        state={consoleReferenceStatesFixture[href] ?? null}
+      />
+    ),
+  },
+};
 export const Empty: Story = {
   args: { body: '' },
 };

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

@@ -33,4 +33,65 @@ describe('ConsoleMarkdownContent', () => {
       ).not.toBeNull();
     });
   });
+  it('decorates pull request and issue links via the reference renderer', async () => {
+    const body =
+      'See https://github.com/octo/repo/pull/7 and https://github.com/octo/repo/issues/9 for details.';
+    const renderReferenceLink = jest.fn((href: string) => (
+      <span className="decorated-reference" data-href={href}>
+        decorated:{href}
+      </span>
+    ));
+    const { container } = render(
+      <ConsoleMarkdownContent
+        body={body}
+        renderReferenceLink={renderReferenceLink}
+      />,
+    );
+    await waitFor(() => {
+      expect(container.querySelectorAll('.decorated-reference').length).toBe(2);
+    });
+    const decoratedHrefs = Array.from(
+      container.querySelectorAll('.decorated-reference'),
+    ).map((node) => node.getAttribute('data-href'));
+    expect(decoratedHrefs).toEqual([
+      'https://github.com/octo/repo/pull/7',
+      'https://github.com/octo/repo/issues/9',
+    ]);
+  });
+  it('leaves non-issue links untouched', async () => {
+    const body =
+      'Docs at https://example.com/page and source https://github.com/octo/repo/blob/main/file.ts';
+    const renderReferenceLink = jest.fn(() => (
+      <span className="decorated-reference">decorated</span>
+    ));
+    const { container } = render(
+      <ConsoleMarkdownContent
+        body={body}
+        renderReferenceLink={renderReferenceLink}
+      />,
+    );
+    await waitFor(() => {
+      const anchors = container.querySelectorAll('a[href]');
+      expect(anchors.length).toBe(2);
+    });
+    expect(renderReferenceLink).not.toHaveBeenCalled();
+    expect(container.querySelector('.decorated-reference')).toBeNull();
+  });
+  it('keeps reference links as plain anchors when no renderer is provided', () => {
+    const { container } = render(
+      <ConsoleMarkdownContent
+        body={'See https://github.com/octo/repo/pull/7 now.'}
+      />,
+    );
+    const anchor = container.querySelector('a[href]');
+    expect(anchor?.getAttribute('href')).toBe(
+      'https://github.com/octo/repo/pull/7',
+    );
+    expect(
+      container.querySelector('.console-markdown-reference-host'),
+    ).toBeNull();
+  });
 });

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

@@ -1,4 +1,5 @@
-import { useEffect, useMemo, useRef } from 'react';
+import { type ReactNode, useEffect, useMemo, useRef, useState } from 'react';
+import { createPortal } from 'react-dom';
 import {
   type ImageProxyUrlBuilder,
   rewriteGitHubImageSources,
@@ -7,21 +8,54 @@ import {
   renderMarkdownToSafeHtml,
   splitMarkdownSegments,
 } from '../../lib/markdown';
+import { parseGitHubReferenceUrl } from '../../logic/references';
 import { ConsoleMermaidDiagram } from './ConsoleMermaidDiagram';
+export type ConsoleReferenceLinkRenderer = (
+  href: string,
+  fallbackText: string,
+) => ReactNode;
 export type ConsoleMarkdownViewProps = {
   body: string;
   buildImageProxyUrl?: ImageProxyUrlBuilder;
+  renderReferenceLink?: ConsoleReferenceLinkRenderer;
 };
 type ConsoleMarkdownHtmlBlockProps = {
   source: string;
   buildImageProxyUrl?: ImageProxyUrlBuilder;
+  renderReferenceLink?: ConsoleReferenceLinkRenderer;
+};
+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;
 };
 const ConsoleMarkdownHtmlBlock = ({
   source,
   buildImageProxyUrl,
+  renderReferenceLink,
 }: ConsoleMarkdownHtmlBlockProps) => {
   const html = useMemo(() => {
     const safeHtml = renderMarkdownToSafeHtml(source);
@@ -31,20 +65,39 @@ const ConsoleMarkdownHtmlBlock = ({
     return rewriteGitHubImageSources(safeHtml, buildImageProxyUrl);
   }, [source, buildImageProxyUrl]);
   const containerRef = useRef<HTMLDivElement>(null);
+  const [referenceMounts, setReferenceMounts] = useState<ReferenceMount[]>([]);
   useEffect(() => {
     const container = containerRef.current;
-    if (container !== null) {
-      container.innerHTML = html;
+    if (container === null) {
+      return;
+    }
+    container.innerHTML = html;
+    if (renderReferenceLink === undefined) {
+      setReferenceMounts([]);
+      return;
     }
-  }, [html]);
+    setReferenceMounts(collectReferenceMounts(container));
+  }, [html, renderReferenceLink]);
-  return <div ref={containerRef} className="console-markdown" />;
+  return (
+    <div ref={containerRef} className="console-markdown">
+      {renderReferenceLink !== undefined &&
+        referenceMounts.map((mount) =>
+          createPortal(
+            renderReferenceLink(mount.href, mount.fallbackText),
+            mount.host,
+            mount.key,
+          ),
+        )}
+    </div>
+  );
 };
 export const ConsoleMarkdownContent = ({
   body,
   buildImageProxyUrl,
+  renderReferenceLink,
 }: ConsoleMarkdownViewProps) => {
   const segments = useMemo(() => splitMarkdownSegments(body), [body]);
@@ -62,6 +115,7 @@ export const ConsoleMarkdownContent = ({
             key={segment.key}
             source={segment.source}
             buildImageProxyUrl={buildImageProxyUrl}
+            renderReferenceLink={renderReferenceLink}
           />
         ),
       )}

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

@@ -0,0 +1,76 @@
+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 ADDED Viewed

@@ -0,0 +1,56 @@
+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();
+  });
+});

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

@@ -0,0 +1,39 @@
+import { referenceStateToIconInput } from '../../logic/references';
+import type { ConsoleIssueState } from '../../logic/types';
+import { ConsoleItemIcon } from '../detail/ConsoleItemIcon';
+export type ConsoleReferenceLinkProps = {
+  href: string;
+  fallbackText: string;
+  state: ConsoleIssueState | null;
+};
+export const ConsoleReferenceLink = ({
+  href,
+  fallbackText,
+  state,
+}: ConsoleReferenceLinkProps) => {
+  if (state === null || state.title.trim() === '') {
+    return (
+      <a
+        className="console-markdown-reference console-markdown-reference-plain"
+        href={href}
+        target="_blank"
+        rel="noopener noreferrer"
+      >
+        {fallbackText}
+      </a>
+    );
+  }
+  return (
+    <a
+      className="console-markdown-reference"
+      href={href}
+      target="_blank"
+      rel="noopener noreferrer"
+    >
+      <ConsoleItemIcon {...referenceStateToIconInput(state)} />
+      <span className="console-markdown-reference-title">{state.title}</span>
+    </a>
+  );
+};

package/src/adapter/entry-points/console/ui/src/features/console/components/detail/ConsoleCommentList.tsx CHANGED Viewed

@@ -2,6 +2,7 @@ import { useState } from 'react';
 import type { ImageProxyUrlBuilder } from '../../lib/imageProxy';
 import { formatRelativeTime } from '../../logic/relativeTime';
 import type { ConsoleComment } from '../../logic/types';
+import type { ConsoleReferenceLinkRenderer } from '../content/ConsoleMarkdownContent';
 import { ConsoleMarkdownContent } from '../content/ConsoleMarkdownContent';
 export type ConsoleCommentListProps = {
@@ -10,6 +11,7 @@ export type ConsoleCommentListProps = {
   error: string | null;
   now: number;
   buildImageProxyUrl?: ImageProxyUrlBuilder;
+  renderReferenceLink?: ConsoleReferenceLinkRenderer;
 };
 export const ConsoleCommentList = ({
@@ -18,6 +20,7 @@ export const ConsoleCommentList = ({
   error,
   now,
   buildImageProxyUrl,
+  renderReferenceLink,
 }: ConsoleCommentListProps) => {
   const [showAll, setShowAll] = useState<boolean>(false);
@@ -64,6 +67,7 @@ export const ConsoleCommentList = ({
           <ConsoleMarkdownContent
             body={comment.body}
             buildImageProxyUrl={buildImageProxyUrl}
+            renderReferenceLink={renderReferenceLink}
           />
         </article>
       ))}

package/src/adapter/entry-points/console/ui/src/features/console/components/detail/ConsoleItemDetail.stories.tsx CHANGED Viewed

@@ -68,7 +68,12 @@ export const PullRequestItem: Story = {
     storyName: 'TDPM Console port',
     storyColorEnum: 'BLUE',
     overlayStatus: { name: 'Awaiting Workspace', color: 'BLUE' },
-    state: { state: 'open', merged: false, isPullRequest: true },
+    state: {
+      state: 'open',
+      merged: false,
+      isPullRequest: true,
+      title: 'Add serveConsole subcommand under entry-points',
+    },
     body: consoleMermaidBodyFixture,
     bodyIsLoading: false,
     bodyError: null,
@@ -99,7 +104,12 @@ export const PullRequestItemFailingCiWithConflict: Story = {
     storyName: 'TDPM Console port',
     storyColorEnum: 'BLUE',
     overlayStatus: { name: 'Awaiting Quality Check', color: 'YELLOW' },
-    state: { state: 'open', merged: false, isPullRequest: true },
+    state: {
+      state: 'open',
+      merged: false,
+      isPullRequest: true,
+      title: 'Add serveConsole subcommand under entry-points',
+    },
     body: consoleMermaidBodyFixture,
     bodyIsLoading: false,
     bodyError: null,
@@ -130,7 +140,12 @@ export const IssueWithRichMarkdownBody: Story = {
     storyName: 'TDPM Console port',
     storyColorEnum: 'BLUE',
     overlayStatus: null,
-    state: { state: 'open', merged: false, isPullRequest: false },
+    state: {
+      state: 'open',
+      merged: false,
+      isPullRequest: false,
+      title: 'Scaffold React console UI under entry-points with build bundling',
+    },
     body: richMarkdownBody,
     bodyIsLoading: false,
     bodyError: null,
@@ -164,7 +179,12 @@ export const IssueWithLinkedPullRequest: Story = {
     storyName: 'TDPM Console port',
     storyColorEnum: 'BLUE',
     overlayStatus: null,
-    state: { state: 'open', merged: false, isPullRequest: false },
+    state: {
+      state: 'open',
+      merged: false,
+      isPullRequest: false,
+      title: 'Scaffold React console UI under entry-points with build bundling',
+    },
     body: '## Issue body\n\nThis issue has a linked pull request.',
     bodyIsLoading: false,
     bodyError: null,

package/src/adapter/entry-points/console/ui/src/features/console/components/detail/ConsoleItemDetail.test.tsx CHANGED Viewed

@@ -19,7 +19,7 @@ const baseProps = {
   storyName: 'TDPM Console port',
   storyColorEnum: 'BLUE' as const,
   overlayStatus: null,
-  state: { state: 'open', merged: false, isPullRequest: true },
+  state: { state: 'open', merged: false, isPullRequest: true, title: '' },
   body: '## Body heading',
   bodyIsLoading: false,
   bodyError: null,
@@ -79,7 +79,12 @@ describe('ConsoleItemDetail', () => {
       <ConsoleItemDetail
         item={issueItem}
         {...baseProps}
-        state={{ state: 'open', merged: false, isPullRequest: false }}
+        state={{
+          state: 'open',
+          merged: false,
+          isPullRequest: false,
+          title: '',
+        }}
       />,
     );
     expect(queryByText('Changed files')).toBeNull();
@@ -164,7 +169,12 @@ describe('ConsoleItemDetail', () => {
       <ConsoleItemDetail
         item={issueItem}
         {...baseProps}
-        state={{ state: 'open', merged: false, isPullRequest: false }}
+        state={{
+          state: 'open',
+          merged: false,
+          isPullRequest: false,
+          title: '',
+        }}
         pullRequestStatus={null}
       />,
     );