feat(plan): Extend Shift+Tab Mode Cycling to include Plan Mode (#17177)

packages/cli/src/ui/components/ApprovalModeIndicator.test.tsx

@@ -0,0 +1,48 @@
+/**
+ * @license
+ * Copyright 2025 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
+import { render } from '../../test-utils/render.js';
+import { ApprovalModeIndicator } from './ApprovalModeIndicator.js';
+import { describe, it, expect } from 'vitest';
+import { ApprovalMode } from '@google/gemini-cli-core';
+
+describe('ApprovalModeIndicator', () => {
+  it('renders correctly for AUTO_EDIT mode', () => {
+    const { lastFrame } = render(
+      <ApprovalModeIndicator approvalMode={ApprovalMode.AUTO_EDIT} />,
+    );
+    const output = lastFrame();
+    expect(output).toContain('accepting edits');
+    expect(output).toContain('(shift + tab to cycle)');
+  });
+
+  it('renders correctly for PLAN mode', () => {
+    const { lastFrame } = render(
+      <ApprovalModeIndicator approvalMode={ApprovalMode.PLAN} />,
+    );
+    const output = lastFrame();
+    expect(output).toContain('plan mode');
+    expect(output).toContain('(shift + tab to cycle)');
+  });
+
+  it('renders correctly for YOLO mode', () => {
+    const { lastFrame } = render(
+      <ApprovalModeIndicator approvalMode={ApprovalMode.YOLO} />,
+    );
+    const output = lastFrame();
+    expect(output).toContain('YOLO mode');
+    expect(output).toContain('(ctrl + y to toggle)');
+  });
+
+  it('renders nothing for DEFAULT mode', () => {
+    const { lastFrame } = render(
+      <ApprovalModeIndicator approvalMode={ApprovalMode.DEFAULT} />,
+    );
+    const output = lastFrame();
+    expect(output).not.toContain('accepting edits');
+    expect(output).not.toContain('YOLO mode');
+  });
+});