cruise 0.1.67

YAML-driven coding agent workflow orchestrator
Documentation 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145

import { render, screen, cleanup } from "@testing-library/react";
import userEvent from "@testing-library/user-event";
import { afterEach, describe, expect, it, vi } from "vitest";
import { AskEditor } from "./AskEditor";

afterEach(() => cleanup());

const baseProps = {
  question: "",
  onQuestionChange: vi.fn(),
  phase: "idle" as const,
  error: "",
  onSubmit: vi.fn(),
  onCancel: vi.fn(),
};

describe("AskEditor", () => {
  describe("Textarea display", () => {
    it("textarea with placeholder='Ask a question about the plan...' exists", () => {
      // Given / When
      render(<AskEditor {...baseProps} />);
      // Then
      expect(
        screen.getByPlaceholderText("Ask a question about the plan...")
      ).toBeInTheDocument();
    });
  });

  describe("Submit button disabled state", () => {
    it("Submit button is disabled when question is empty", () => {
      // Given / When
      render(<AskEditor {...baseProps} question="" />);
      // Then
      expect(screen.getByRole("button", { name: /submit/i })).toBeDisabled();
    });

    it("Submit button is disabled when question is whitespace only", () => {
      // Given / When
      render(<AskEditor {...baseProps} question="   " />);
      // Then
      expect(screen.getByRole("button", { name: /submit/i })).toBeDisabled();
    });

    it("Submit button is enabled when question has text", () => {
      // Given / When
      render(<AskEditor {...baseProps} question="What about step 2?" />);
      // Then
      expect(screen.getByRole("button", { name: /submit/i })).not.toBeDisabled();
    });

    it("Submit button is disabled when phase='submitting'", () => {
      // Given / When
      render(<AskEditor {...baseProps} question="some question" phase="submitting" />);
      // Then
      expect(screen.getByRole("button", { name: /asking/i })).toBeDisabled();
    });
  });

  describe("Display changes by phase", () => {
    it("Button label is 'Submit' when phase='idle'", () => {
      // Given / When
      render(<AskEditor {...baseProps} phase="idle" question="q" />);
      // Then
      expect(screen.getByRole("button", { name: "Submit" })).toBeInTheDocument();
    });

    it("Button label is 'Asking...' when phase='submitting'", () => {
      // Given / When
      render(<AskEditor {...baseProps} phase="submitting" question="q" />);
      // Then
      expect(screen.getByRole("button", { name: "Asking..." })).toBeInTheDocument();
    });
  });

  describe("Keyboard interaction", () => {
    it("onSubmit is called on Cmd+Enter", async () => {
      // Given
      const onSubmit = vi.fn();
      render(
        <AskEditor {...baseProps} question="Is this correct?" onSubmit={onSubmit} />
      );
      const textarea = screen.getByPlaceholderText("Ask a question about the plan...");

      // When
      await userEvent.click(textarea);
      await userEvent.keyboard("{Meta>}{Enter}{/Meta}");

      // Then
      expect(onSubmit).toHaveBeenCalledOnce();
    });

    it("onSubmit is called on Ctrl+Enter", async () => {
      // Given
      const onSubmit = vi.fn();
      render(
        <AskEditor {...baseProps} question="Is this correct?" onSubmit={onSubmit} />
      );
      const textarea = screen.getByPlaceholderText("Ask a question about the plan...");

      // When
      await userEvent.click(textarea);
      await userEvent.keyboard("{Control>}{Enter}{/Control}");

      // Then
      expect(onSubmit).toHaveBeenCalledOnce();
    });
  });

  describe("Error display", () => {
    it("Error message is not shown when error is empty", () => {
      // Given / When
      render(<AskEditor {...baseProps} error="" />);
      // Then
      expect(screen.queryByRole("paragraph")).not.toBeInTheDocument();
    });

    it("Error message is shown when error is set", () => {
      // Given / When
      render(<AskEditor {...baseProps} error="Something went wrong" />);
      // Then
      expect(screen.getByText("Something went wrong")).toBeInTheDocument();
    });
  });

  describe("Cancel button", () => {
    it("Cancel button is always visible", () => {
      // Given / When
      render(<AskEditor {...baseProps} />);
      // Then
      expect(screen.getByRole("button", { name: /cancel/i })).toBeInTheDocument();
    });

    it("onCancel is called when Cancel button is clicked", async () => {
      // Given
      const onCancel = vi.fn();
      render(<AskEditor {...baseProps} onCancel={onCancel} />);

      // When
      await userEvent.click(screen.getByRole("button", { name: /cancel/i }));

      // Then
      expect(onCancel).toHaveBeenCalledOnce();
    });
  });
});