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

package/src/adapter/entry-points/console/ui/e2e/consoleTestHarness.ts

@@ -9,15 +9,27 @@ import type {
   IssueRepository,
   PullRequestCommit,
   PullRequestDetail,
+  PullRequestFile,
   RelatedPullRequest,
 } from '../../../../../domain/usecases/adapter-interfaces/IssueRepository';
 import type { ConsoleProjectBinding } from '../../consoleOperationApi';
-import { IssueTitleStateCache } from '../../consoleReadApi';
+import {
+  IssueTitleStateCache,
+  PullRequestStatusCache,
+} from '../../consoleReadApi';
 import { startWebServer } from '../../webServer';
 
 export const CONSOLE_E2E_PJCODE = 'umino';
 export const CONSOLE_E2E_TOKEN = 'console-e2e-fixture-token-3f9c1a';
 
+export type ConsoleE2eReviewCommentCall = {
+  url: string;
+  path: string;
+  line: number;
+  side: string;
+  body: string;
+};
+
 type ConsoleFixtureListItem = {
   number: number;
   title: string;
@@ -54,6 +66,26 @@ type ConsoleFixtureSnapshot = {
 const REPO_NAME_WITH_OWNER =
   'HiromiShikata/npm-cli-github-issue-tower-defence-management';
 
+export const CONSOLE_E2E_AWAITING_QUALITY_CHECK_PR_URL = `https://github.com/${REPO_NAME_WITH_OWNER}/pull/867`;
+export const CONSOLE_E2E_INLINE_COMMENT_ISSUE_URL = `https://github.com/${REPO_NAME_WITH_OWNER}/issues/911`;
+export const CONSOLE_E2E_INLINE_COMMENT_PR_URL = `https://github.com/${REPO_NAME_WITH_OWNER}/pull/912`;
+
+const INLINE_COMMENT_PR_FILE: PullRequestFile = {
+  filename: 'src/adapter/entry-points/console/ui/src/index.css',
+  status: 'modified',
+  additions: 3,
+  deletions: 1,
+  patch: `@@ -959,7 +959,9 @@
+   background: transparent;
+   color: #6e7681;
+   font-size: 0.875rem;
+   cursor: pointer;
+-  opacity: 0;
++  opacity: 0.6;
++  border-color: #30363d;
+ }`,
+};
+
 const AWAITING_WORKSPACE_OPTION: ConsoleFixtureFieldOption = {
   id: 'd1c19cce',
   name: 'Awaiting Workspace',
@@ -198,7 +230,15 @@ export const CONSOLE_E2E_TAB_ITEMS: Record<string, ConsoleFixtureListItem[]> = {
       '2026-06-17T05:48:09.000Z',
     ),
   ],
-  'failed-preparation': [],
+  'failed-preparation': [
+    issueItem(
+      911,
+      'Add inline review comments on the related pull request diff',
+      'FPR00911',
+      'TDPM Console port',
+      '2026-06-18T03:12:00.000Z',
+    ),
+  ],
   'todo-by-human': [
     issueItem(
       869,
@@ -286,7 +326,49 @@ const notImplemented = (method: string): never => {
   throw new Error(`console E2E stub does not implement ${method}`);
 };
 
-const createStubIssueRepository = (): IssueRepository => ({
+const inlineCommentRelatedPullRequest: RelatedPullRequest = {
+  url: CONSOLE_E2E_INLINE_COMMENT_PR_URL,
+  branchName: 'feature/911-related-pr-inline-comments',
+  createdAt: new Date('2026-06-18T03:30:00.000Z'),
+  isDraft: false,
+  isConflicted: true,
+  isPassedAllCiJob: false,
+  isCiStateSuccess: false,
+  isResolvedAllReviewComments: false,
+  isBranchOutOfDate: true,
+  missingRequiredCheckNames: ['build', 'test'],
+};
+
+const awaitingQualityCheckPullRequest: RelatedPullRequest = {
+  url: CONSOLE_E2E_AWAITING_QUALITY_CHECK_PR_URL,
+  branchName: 'i867-serve-committed-console-ui-bundle',
+  createdAt: new Date('2026-06-17T23:41:08.000Z'),
+  isDraft: false,
+  isConflicted: true,
+  isPassedAllCiJob: false,
+  isCiStateSuccess: false,
+  isResolvedAllReviewComments: false,
+  isBranchOutOfDate: true,
+  missingRequiredCheckNames: ['build', 'test'],
+};
+
+const inlineCommentPullRequestDetail: PullRequestDetail = {
+  title: 'Add inline review comments on the related pull request diff',
+  state: 'open',
+  merged: false,
+  isDraft: false,
+  additions: 3,
+  deletions: 1,
+  changedFiles: 1,
+  headRefName: 'feature/911-related-pr-inline-comments',
+  baseRefName: 'main',
+  author: 'HiromiShikata',
+  files: [INLINE_COMMENT_PR_FILE],
+};
+
+const createStubIssueRepository = (
+  reviewCommentCalls: ConsoleE2eReviewCommentCall[],
+): IssueRepository => ({
   getAllIssues: () => notImplemented('getAllIssues'),
   getIssueByUrl: async (url: string): Promise<Issue | null> =>
     buildIssueForUrl(url),
@@ -306,12 +388,34 @@ const createStubIssueRepository = (): IssueRepository => ({
   get: async (issueUrl: string): Promise<Issue | null> =>
     buildIssueForUrl(issueUrl),
   update: () => notImplemented('update'),
-  findRelatedOpenPRs: async (): Promise<RelatedPullRequest[]> => [],
-  getOpenPullRequest: async (): Promise<RelatedPullRequest | null> => null,
+  findRelatedOpenPRs: async (url: string): Promise<RelatedPullRequest[]> =>
+    url === CONSOLE_E2E_INLINE_COMMENT_ISSUE_URL
+      ? [inlineCommentRelatedPullRequest]
+      : [],
+  getOpenPullRequest: async (
+    url: string,
+  ): Promise<RelatedPullRequest | null> =>
+    url === CONSOLE_E2E_AWAITING_QUALITY_CHECK_PR_URL
+      ? awaitingQualityCheckPullRequest
+      : null,
   getPullRequestChangedFilePaths: async (): Promise<string[]> => [],
   approvePullRequest: async (): Promise<void> => undefined,
   requestChangesWithInlineComment: async (): Promise<void> => undefined,
-  createPullRequestReviewComment: async (): Promise<void> => undefined,
+  createPullRequestReviewComment: async (
+    prUrl: string,
+    filePath: string,
+    line: number,
+    side: string,
+    commentBody: string,
+  ): Promise<void> => {
+    reviewCommentCalls.push({
+      url: prUrl,
+      path: filePath,
+      line,
+      side,
+      body: commentBody,
+    });
+  },
   closePullRequest: async (): Promise<void> => undefined,
   closeIssueByUrl: async (): Promise<void> => undefined,
   deletePullRequestBranch: () => notImplemented('deletePullRequestBranch'),
@@ -323,7 +427,12 @@ const createStubIssueRepository = (): IssueRepository => ({
   getIssueOrPullRequestBody: async (): Promise<string> =>
     '## Console E2E fixture\n\nThis body is served by the isolated E2E stub.',
   getIssueOrPullRequestComments: async (): Promise<IssueComment[]> => [],
-  getPullRequestDetail: async (): Promise<PullRequestDetail | null> => null,
+  getPullRequestDetail: async (
+    url: string,
+  ): Promise<PullRequestDetail | null> =>
+    url === CONSOLE_E2E_INLINE_COMMENT_PR_URL
+      ? inlineCommentPullRequestDetail
+      : null,
   getPullRequestCommits: async (): Promise<PullRequestCommit[]> => [],
   getIssueOrPullRequestState: async (
     url: string,
@@ -332,13 +441,24 @@ const createStubIssueRepository = (): IssueRepository => ({
     merged: false,
     isPullRequest: url.includes('/pull/'),
   }),
-  getPullRequestSummary: async (): Promise<{
+  getPullRequestSummary: async (
+    url: string,
+  ): Promise<{
     title: string;
     body: string;
     additions: number;
     deletions: number;
     changedFiles: number;
-  } | null> => null,
+  } | null> =>
+    url === CONSOLE_E2E_INLINE_COMMENT_PR_URL
+      ? {
+          title: 'Add inline review comments on the related pull request diff',
+          body: 'Wires the add-comment handler on the related pull request diff path.',
+          additions: 3,
+          deletions: 1,
+          changedFiles: 1,
+        }
+      : null,
 });
 
 export type ConsoleE2eHarness = {
@@ -346,6 +466,7 @@ export type ConsoleE2eHarness = {
   appUrl: string;
   appRootUrl: string;
   consoleDataOutputDir: string;
+  reviewCommentCalls: ConsoleE2eReviewCommentCall[];
   stop: () => Promise<void>;
 };
 
@@ -362,13 +483,16 @@ export const startConsoleE2eHarness = async (): Promise<ConsoleE2eHarness> => {
   ): Promise<ConsoleProjectBinding | null> =>
     pjcode === CONSOLE_E2E_PJCODE ? { pjcode, project } : null;
 
+  const reviewCommentCalls: ConsoleE2eReviewCommentCall[] = [];
+
   const server = await startWebServer({
     accessToken: CONSOLE_E2E_TOKEN,
     uiDistDir,
     consoleDataOutputDir,
-    issueRepository: createStubIssueRepository(),
+    issueRepository: createStubIssueRepository(reviewCommentCalls),
     resolveProject,
     issueTitleStateCache: new IssueTitleStateCache(),
+    pullRequestStatusCache: new PullRequestStatusCache(),
     inTmuxDataDir: null,
     dashboardDir: null,
     dashboardDataDir: null,
@@ -391,6 +515,7 @@ export const startConsoleE2eHarness = async (): Promise<ConsoleE2eHarness> => {
     appUrl,
     appRootUrl,
     consoleDataOutputDir,
+    reviewCommentCalls,
     stop: async (): Promise<void> => {
       await closeServer(server);
       fs.rmSync(tmpRoot, { recursive: true, force: true });

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

@@ -81,6 +81,45 @@ export const PullRequestItem: Story = {
     commits: consoleCommitsFixture,
     commitsAreLoading: false,
     commitsError: null,
+    pullRequestStatus: {
+      found: true,
+      isConflicted: false,
+      isPassedAllCiJob: true,
+      isCiStateSuccess: true,
+      isBranchOutOfDate: false,
+      missingRequiredCheckNames: [],
+    },
+    relatedPullRequests: [],
+  },
+};
+
+export const PullRequestItemFailingCiWithConflict: Story = {
+  args: {
+    item: consoleListItemsFixture[0],
+    storyName: 'TDPM Console port',
+    storyColorEnum: 'BLUE',
+    overlayStatus: { name: 'Awaiting Quality Check', color: 'YELLOW' },
+    state: { state: 'open', merged: false, isPullRequest: true },
+    body: consoleMermaidBodyFixture,
+    bodyIsLoading: false,
+    bodyError: null,
+    comments: consoleCommentsFixture,
+    commentsAreLoading: false,
+    commentsError: null,
+    files: consoleChangedFilesFixture,
+    filesAreLoading: false,
+    filesError: null,
+    commits: consoleCommitsFixture,
+    commitsAreLoading: false,
+    commitsError: null,
+    pullRequestStatus: {
+      found: true,
+      isConflicted: true,
+      isPassedAllCiJob: false,
+      isCiStateSuccess: false,
+      isBranchOutOfDate: true,
+      missingRequiredCheckNames: ['build', 'test'],
+    },
     relatedPullRequests: [],
   },
 };
@@ -104,6 +143,7 @@ export const IssueWithRichMarkdownBody: Story = {
     commits: [],
     commitsAreLoading: false,
     commitsError: null,
+    pullRequestStatus: null,
     relatedPullRequests: [],
     operationBar: (
       <ConsoleOperationMenu
@@ -137,6 +177,7 @@ export const IssueWithLinkedPullRequest: Story = {
     commits: [],
     commitsAreLoading: false,
     commitsError: null,
+    pullRequestStatus: null,
     relatedPullRequests: [
       {
         pullRequest: consoleRelatedPullRequestsFixture[0],
@@ -148,5 +189,8 @@ export const IssueWithLinkedPullRequest: Story = {
         commitsError: null,
       },
     ],
+    buildAddInlineComment: (prUrl) => async (path, line, side, body) => {
+      window.alert(`comment on ${prUrl} ${path}:${line} (${side})\n${body}`);
+    },
   },
 };

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

@@ -32,6 +32,7 @@ const baseProps = {
   commits: consoleCommitsFixture,
   commitsAreLoading: false,
   commitsError: null,
+  pullRequestStatus: null,
   relatedPullRequests: [],
   now,
   commentComposer: <div>comment-composer</div>,
@@ -115,4 +116,59 @@ describe('ConsoleItemDetail', () => {
     expect(title).not.toBeNull();
     expect(title?.contains(getByText('Awaiting Workspace'))).toBe(true);
   });
+
+  it('renders failing CI, missing checks, and conflict badges in the PR header', () => {
+    const { getByText, container } = render(
+      <ConsoleItemDetail
+        item={prItem}
+        {...baseProps}
+        pullRequestStatus={{
+          found: true,
+          isConflicted: true,
+          isPassedAllCiJob: false,
+          isCiStateSuccess: false,
+          isBranchOutOfDate: true,
+          missingRequiredCheckNames: ['build', 'test'],
+        }}
+      />,
+    );
+    const title = container.querySelector('.console-detail-title');
+    expect(title?.contains(getByText('CI failing'))).toBe(true);
+    expect(getByText(/missing: build, test/)).toBeInTheDocument();
+    expect(getByText('Conflict')).toBeInTheDocument();
+    expect(getByText('Out of date')).toBeInTheDocument();
+  });
+
+  it('renders a passing CI badge and no conflict badge when the PR is healthy', () => {
+    const { getByText, queryByText } = render(
+      <ConsoleItemDetail
+        item={prItem}
+        {...baseProps}
+        pullRequestStatus={{
+          found: true,
+          isConflicted: false,
+          isPassedAllCiJob: true,
+          isCiStateSuccess: true,
+          isBranchOutOfDate: false,
+          missingRequiredCheckNames: [],
+        }}
+      />,
+    );
+    expect(getByText('CI passing')).toBeInTheDocument();
+    expect(queryByText('Conflict')).toBeNull();
+    expect(queryByText('Out of date')).toBeNull();
+  });
+
+  it('does not render PR status badges for an issue item', () => {
+    const { queryByText } = render(
+      <ConsoleItemDetail
+        item={issueItem}
+        {...baseProps}
+        state={{ state: 'open', merged: false, isPullRequest: false }}
+        pullRequestStatus={null}
+      />,
+    );
+    expect(queryByText('CI passing')).toBeNull();
+    expect(queryByText('CI failing')).toBeNull();
+  });
 });

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

@@ -13,6 +13,7 @@ import type {
   ConsoleIssueState,
   ConsoleListItem,
   ConsoleOverlayStatus,
+  ConsolePullRequestStatus,
   ConsoleRelatedPullRequest,
 } from '../../logic/types';
 import { ConsoleMarkdownContent } from '../content/ConsoleMarkdownContent';
@@ -24,6 +25,7 @@ import { ConsoleCopyUrlButton } from './ConsoleCopyUrlButton';
 import type { ConsoleAddInlineComment } from './ConsoleFileDiff';
 import { ConsoleItemIcon } from './ConsoleItemIcon';
 import { ConsolePullRequestDetail } from './ConsolePullRequestDetail';
+import { ConsolePullRequestStatusBadges } from './ConsolePullRequestStatusBadges';
 
 export type ConsoleRelatedPullRequestView = {
   pullRequest: ConsoleRelatedPullRequest;
@@ -53,12 +55,14 @@ export type ConsoleItemDetailProps = {
   commits: ConsoleCommit[];
   commitsAreLoading: boolean;
   commitsError: string | null;
+  pullRequestStatus: ConsolePullRequestStatus | null;
   relatedPullRequests: ConsoleRelatedPullRequestView[];
   now: number;
   commentComposer: ReactNode;
   operationBar: ReactNode;
   buildImageProxyUrl?: ImageProxyUrlBuilder;
   onAddInlineComment?: ConsoleAddInlineComment;
+  buildAddInlineComment?: (prUrl: string) => ConsoleAddInlineComment;
 };
 
 export const ConsoleItemDetail = ({
@@ -79,12 +83,14 @@ export const ConsoleItemDetail = ({
   commits,
   commitsAreLoading,
   commitsError,
+  pullRequestStatus,
   relatedPullRequests,
   now,
   commentComposer,
   operationBar,
   buildImageProxyUrl,
   onAddInlineComment,
+  buildAddInlineComment,
 }: ConsoleItemDetailProps) => {
   const resolvedState = state?.state ?? 'open';
   const merged = state?.merged ?? false;
@@ -128,6 +134,17 @@ export const ConsoleItemDetail = ({
             {overlayStatus.name}
           </span>
         )}
+        {item.isPr && pullRequestStatus?.found && (
+          <ConsolePullRequestStatusBadges
+            isConflicted={pullRequestStatus.isConflicted}
+            isPassedAllCiJob={pullRequestStatus.isPassedAllCiJob}
+            isCiStateSuccess={pullRequestStatus.isCiStateSuccess}
+            isBranchOutOfDate={pullRequestStatus.isBranchOutOfDate}
+            missingRequiredCheckNames={
+              pullRequestStatus.missingRequiredCheckNames
+            }
+          />
+        )}
         <ConsoleItemIcon
           isPr={item.isPr}
           state={resolvedState}
@@ -257,6 +274,11 @@ export const ConsoleItemDetail = ({
             commitsError={related.commitsError}
             now={now}
             buildImageProxyUrl={buildImageProxyUrl}
+            onAddInlineComment={
+              buildAddInlineComment
+                ? buildAddInlineComment(related.pullRequest.url)
+                : undefined
+            }
           />
         ))}
 

package/src/adapter/entry-points/console/ui/src/features/console/components/detail/ConsolePullRequestDetail.stories.tsx

@@ -29,3 +29,20 @@ export const WithDetail: Story = {
     commitsError: null,
   },
 };
+
+export const WithInlineComments: Story = {
+  args: {
+    pullRequest: consoleRelatedPullRequestsFixture[0],
+    body: consoleRelatedPullRequestsFixture[0].summary?.body ?? '',
+    bodyIsLoading: false,
+    files: consoleChangedFilesFixture,
+    filesAreLoading: false,
+    filesError: null,
+    commits: consoleCommitsFixture,
+    commitsAreLoading: false,
+    commitsError: null,
+    onAddInlineComment: async (path, line, side, body) => {
+      window.alert(`comment on ${path}:${line} (${side})\n${body}`);
+    },
+  },
+};

package/src/adapter/entry-points/console/ui/src/features/console/components/detail/ConsolePullRequestDetail.test.tsx

@@ -38,6 +38,52 @@ describe('ConsolePullRequestDetail', () => {
     expect(getByText('27 files')).toBeInTheDocument();
   });
 
+  it('renders the CI status badge derived from the pull request fields', () => {
+    const { getByText } = render(
+      <ConsolePullRequestDetail
+        pullRequest={pullRequest}
+        body={pullRequest.summary?.body ?? ''}
+        bodyIsLoading={false}
+        files={consoleChangedFilesFixture}
+        filesAreLoading={false}
+        filesError={null}
+        commits={consoleCommitsFixture}
+        commitsAreLoading={false}
+        commitsError={null}
+        now={now}
+      />,
+    );
+    expect(getByText('CI passing')).toBeInTheDocument();
+  });
+
+  it('renders failing CI, conflict and out-of-date badges for an unhealthy pull request', () => {
+    const { getByText } = render(
+      <ConsolePullRequestDetail
+        pullRequest={{
+          ...pullRequest,
+          isConflicted: true,
+          isPassedAllCiJob: false,
+          isCiStateSuccess: false,
+          isBranchOutOfDate: true,
+          missingRequiredCheckNames: ['build'],
+        }}
+        body={pullRequest.summary?.body ?? ''}
+        bodyIsLoading={false}
+        files={consoleChangedFilesFixture}
+        filesAreLoading={false}
+        filesError={null}
+        commits={consoleCommitsFixture}
+        commitsAreLoading={false}
+        commitsError={null}
+        now={now}
+      />,
+    );
+    expect(getByText('CI failing')).toBeInTheDocument();
+    expect(getByText(/missing: build/)).toBeInTheDocument();
+    expect(getByText('Conflict')).toBeInTheDocument();
+    expect(getByText('Out of date')).toBeInTheDocument();
+  });
+
   it('renders a copy URL button for the pull request url', () => {
     const { getByRole } = render(
       <ConsolePullRequestDetail

package/src/adapter/entry-points/console/ui/src/features/console/components/detail/ConsolePullRequestDetail.tsx

@@ -9,6 +9,8 @@ import { ConsolePanel } from '../layout/ConsolePanel';
 import { ConsoleChangedFileList } from './ConsoleChangedFileList';
 import { ConsoleCommitList } from './ConsoleCommitList';
 import { ConsoleCopyUrlButton } from './ConsoleCopyUrlButton';
+import type { ConsoleAddInlineComment } from './ConsoleFileDiff';
+import { ConsolePullRequestStatusBadges } from './ConsolePullRequestStatusBadges';
 
 export type ConsolePullRequestSectionProps = {
   pullRequest: ConsoleRelatedPullRequest;
@@ -22,6 +24,7 @@ export type ConsolePullRequestSectionProps = {
   commitsError: string | null;
   now: number;
   buildImageProxyUrl?: ImageProxyUrlBuilder;
+  onAddInlineComment?: ConsoleAddInlineComment;
 };
 
 export const ConsolePullRequestDetail = ({
@@ -36,6 +39,7 @@ export const ConsolePullRequestDetail = ({
   commitsError,
   now,
   buildImageProxyUrl,
+  onAddInlineComment,
 }: ConsolePullRequestSectionProps) => {
   const summary = pullRequest.summary;
   const filesCount =
@@ -56,6 +60,13 @@ export const ConsolePullRequestDetail = ({
         {pullRequest.isDraft && (
           <span className="console-pr-section-state">draft</span>
         )}
+        <ConsolePullRequestStatusBadges
+          isConflicted={pullRequest.isConflicted}
+          isPassedAllCiJob={pullRequest.isPassedAllCiJob}
+          isCiStateSuccess={pullRequest.isCiStateSuccess}
+          isBranchOutOfDate={pullRequest.isBranchOutOfDate}
+          missingRequiredCheckNames={pullRequest.missingRequiredCheckNames}
+        />
         <ConsoleCopyUrlButton url={pullRequest.url} label="Copy PR URL" />
         <div className="console-pr-statbar">
           {pullRequest.branchName !== null && (
@@ -87,6 +98,7 @@ export const ConsolePullRequestDetail = ({
           files={files}
           isLoading={filesAreLoading}
           error={filesError}
+          onAddInlineComment={onAddInlineComment}
         />
       </ConsolePanel>
       <ConsolePanel title="Commits" count={commitsCount} defaultCollapsed>

package/src/adapter/entry-points/console/ui/src/features/console/components/detail/ConsolePullRequestStatusBadges.stories.tsx

@@ -0,0 +1,41 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { ConsolePullRequestStatusBadges } from './ConsolePullRequestStatusBadges';
+
+const meta: Meta<typeof ConsolePullRequestStatusBadges> = {
+  title: 'Console/ConsolePullRequestStatusBadges',
+  component: ConsolePullRequestStatusBadges,
+};
+
+export default meta;
+
+type Story = StoryObj<typeof ConsolePullRequestStatusBadges>;
+
+export const Passing: Story = {
+  args: {
+    isConflicted: false,
+    isPassedAllCiJob: true,
+    isCiStateSuccess: true,
+    isBranchOutOfDate: false,
+    missingRequiredCheckNames: [],
+  },
+};
+
+export const FailingWithMissingChecks: Story = {
+  args: {
+    isConflicted: false,
+    isPassedAllCiJob: false,
+    isCiStateSuccess: false,
+    isBranchOutOfDate: false,
+    missingRequiredCheckNames: ['build', 'test'],
+  },
+};
+
+export const ConflictedAndOutOfDate: Story = {
+  args: {
+    isConflicted: true,
+    isPassedAllCiJob: false,
+    isCiStateSuccess: false,
+    isBranchOutOfDate: true,
+    missingRequiredCheckNames: ['build', 'test'],
+  },
+};

package/src/adapter/entry-points/console/ui/src/features/console/components/detail/ConsolePullRequestStatusBadges.test.tsx

@@ -0,0 +1,72 @@
+import { render } from '@testing-library/react';
+import { ConsolePullRequestStatusBadges } from './ConsolePullRequestStatusBadges';
+
+describe('ConsolePullRequestStatusBadges', () => {
+  it('renders a passing CI badge when all CI jobs passed and the CI state is success', () => {
+    const { getByText, queryByText } = render(
+      <ConsolePullRequestStatusBadges
+        isConflicted={false}
+        isPassedAllCiJob={true}
+        isCiStateSuccess={true}
+        isBranchOutOfDate={false}
+        missingRequiredCheckNames={[]}
+      />,
+    );
+    expect(getByText('CI passing')).toBeInTheDocument();
+    expect(queryByText('Conflict')).toBeNull();
+    expect(queryByText('Out of date')).toBeNull();
+  });
+
+  it('renders a failing CI badge with missing required checks', () => {
+    const { getByText } = render(
+      <ConsolePullRequestStatusBadges
+        isConflicted={false}
+        isPassedAllCiJob={false}
+        isCiStateSuccess={true}
+        isBranchOutOfDate={false}
+        missingRequiredCheckNames={['build', 'test']}
+      />,
+    );
+    expect(getByText('CI failing')).toBeInTheDocument();
+    expect(getByText(/missing: build, test/)).toBeInTheDocument();
+  });
+
+  it('renders the conflict badge when the pull request is conflicted', () => {
+    const { getByText } = render(
+      <ConsolePullRequestStatusBadges
+        isConflicted={true}
+        isPassedAllCiJob={true}
+        isCiStateSuccess={true}
+        isBranchOutOfDate={false}
+        missingRequiredCheckNames={[]}
+      />,
+    );
+    expect(getByText('Conflict')).toBeInTheDocument();
+  });
+
+  it('renders the out-of-date badge when the branch is behind the base branch', () => {
+    const { getByText } = render(
+      <ConsolePullRequestStatusBadges
+        isConflicted={false}
+        isPassedAllCiJob={true}
+        isCiStateSuccess={true}
+        isBranchOutOfDate={true}
+        missingRequiredCheckNames={[]}
+      />,
+    );
+    expect(getByText('Out of date')).toBeInTheDocument();
+  });
+
+  it('treats a successful CI state but unfinished jobs as failing', () => {
+    const { getByText } = render(
+      <ConsolePullRequestStatusBadges
+        isConflicted={false}
+        isPassedAllCiJob={false}
+        isCiStateSuccess={true}
+        isBranchOutOfDate={false}
+        missingRequiredCheckNames={[]}
+      />,
+    );
+    expect(getByText('CI failing')).toBeInTheDocument();
+  });
+});