Oct 17, 2025 · Oct 16, 2025 · Oct 16, 2025 · Oct 17, 2025
diff --git a/site/src/modules/tasks/TaskPrompt/TaskPrompt.stories.tsx b/site/src/modules/tasks/TaskPrompt/TaskPrompt.stories.tsx
 const successMessage = await body.findByText(/task created/i);
 expect(successMessage).toBeInTheDocument();
 });

 await step("Clears prompt", async () => {
 const prompt = await canvas.findByLabelText(/prompt/i);
 expect(prompt).toHaveValue("");
 });
 },
 };

diff --git a/site/src/modules/tasks/TaskPrompt/TaskPrompt.tsx b/site/src/modules/tasks/TaskPrompt/TaskPrompt.tsx
 await createTaskMutation.mutateAsync({
 prompt,
 });
 setPrompt("");
 } catch (error) {
 const message = getErrorMessage(error, "Error creating task");
 const detail = getErrorDetail(error) ?? "Please try again";
Original file line number	Diff line number	Diff line change
Expand Up		@@ -114,6 +114,11 @@ export const OnSuccess: Story = {
		const successMessage = await body.findByText(/task created/i);
		expect(successMessage).toBeInTheDocument();
		});

		await step("Clears prompt", async () => {
		const prompt = await canvas.findByLabelText(/prompt/i);
		expect(prompt).toHaveValue("");
		});
Comment on lines +118 to +121 Copy link Contributor ParkreinerOct 16, 2025 Choose a reason for hiding this comment The reason will be displayed to describe this comment to others.Learn more. Are we able to use a role selector here? Maybe something like: constprompt=awaitcanvas.findByRole("textbox",{name:/prompt/i,}); Copy link ContributorAuthor BrunoQuaresmaOct 17, 2025 Choose a reason for hiding this comment The reason will be displayed to describe this comment to others.Learn more. I think it’s more accessible in this case to rely on the label, since that’s what both screen readers and users interact with. For example, when we get an element by role, we’re not checking whether it actually has an accessible label. By getting an element by label, I don’t really care what type of element it is, because I can still perform the action I need. Makes sense?
		},
		};

Expand Down
Original file line number	Diff line number	Diff line change
Expand Up		@@ -232,6 +232,7 @@ const CreateTaskForm: FC<CreateTaskFormProps> = ({ templates, onSuccess }) => {
		await createTaskMutation.mutateAsync({
		prompt,
		});
		setPrompt("");
		} catch (error) {
		const message = getErrorMessage(error, "Error creating task");
		const detail = getErrorDetail(error) ?? "Please try again";
Expand Down