cruise 0.1.73

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

import { render, screen, cleanup } from "@testing-library/react";
import { afterEach, describe, expect, it } from "vitest";
import { WorkflowPlanPanel } from "./WorkflowPlanPanel";

afterEach(() => cleanup());

const baseProps = {
  panelPlanId: "panel-plan-1",
  tabPlanId: "tab-plan-1",
  askResponse: "",
  planLoading: false,
  planContent: "",
};

describe("WorkflowPlanPanel", () => {
  describe("role / accessibility", () => {
    it("element with role='tabpanel' exists", () => {
      // Given / When
      render(<WorkflowPlanPanel {...baseProps} />);
      // Then
      expect(screen.getByRole("tabpanel")).toBeInTheDocument();
    });

    it("panelPlanId is set as id", () => {
      // Given / When
      render(<WorkflowPlanPanel {...baseProps} />);
      // Then
      expect(screen.getByRole("tabpanel")).toHaveAttribute("id", "panel-plan-1");
    });
  });

  describe("planLoading state", () => {
    it("Spinner(role=status) is shown when planLoading=true", () => {
      // Given / When
      render(<WorkflowPlanPanel {...baseProps} planLoading={true} />);
      // Then
      expect(screen.getByRole("status")).toBeInTheDocument();
    });

    it("'Loading plan...' text is shown when planLoading=true", () => {
      // Given / When
      render(<WorkflowPlanPanel {...baseProps} planLoading={true} />);
      // Then
      expect(screen.getByText("Loading plan...")).toBeInTheDocument();
    });

    it("Spinner is not shown when planLoading=false", () => {
      // Given / When
      render(<WorkflowPlanPanel {...baseProps} planLoading={false} planContent="# Plan" />);
      // Then
      expect(screen.queryByRole("status")).not.toBeInTheDocument();
    });
  });

  describe("planContent display", () => {
    it("Markdown content is shown when planContent is present", () => {
      // Given / When
      render(
        <WorkflowPlanPanel
          {...baseProps}
          planContent={"# Implementation Plan\n\nStep 1: Do something"}
        />
      );
      // Then
      expect(screen.getByRole("heading", { level: 1, name: "Implementation Plan" })).toBeInTheDocument();
      expect(screen.getByText("Step 1: Do something")).toBeInTheDocument();
    });

    it("'No plan available.' is shown when planContent is empty", () => {
      // Given / When
      render(<WorkflowPlanPanel {...baseProps} planContent="" />);
      // Then
      expect(screen.getByText("No plan available.")).toBeInTheDocument();
    });

    it("Spinner takes priority even when planContent is present if planLoading=true", () => {
      // Given / When
      render(
        <WorkflowPlanPanel
          {...baseProps}
          planLoading={true}
          planContent="# Existing plan"
        />
      );
      // Then
      expect(screen.getByText("Loading plan...")).toBeInTheDocument();
      expect(screen.queryByText("Existing plan")).not.toBeInTheDocument();
    });
  });

  describe("askResponse banner", () => {
    it("Answer section is shown when askResponse is set", () => {
      // Given / When
      render(
        <WorkflowPlanPanel
          {...baseProps}
          askResponse="The answer is 42."
        />
      );
      // Then
      expect(screen.getByText("Answer")).toBeInTheDocument();
      expect(screen.getByText("The answer is 42.")).toBeInTheDocument();
    });

    it("Answer section is not shown when askResponse is empty", () => {
      // Given / When
      render(<WorkflowPlanPanel {...baseProps} askResponse="" />);
      // Then
      expect(screen.queryByText("Answer")).not.toBeInTheDocument();
    });
  });
});