jyapayne/langflow
1
0
Fork 0
Code Issues Pull requests Projects Releases 1 Packages Wiki Activity Actions

Update Playwright test and ChatMessage component (#1668)

Browse source 
This pull request includes updates to the Playwright test in
`chat_io.spec.ts` and the `ChatMessage` component in
`chatMessage/index.tsx`. The Playwright test now includes assertions for
the chat output and input, ensuring that the correct messages are
displayed. The `ChatMessage` component now includes `data-testid`
attributes for the chat messages, allowing for easier testing and
identification of specific messages.
This commit is contained in:
Cristhian Zanforlin Lousa 2024-04-10 16:51:43 -03:00 • committed by GitHub
commit 7037af501e
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
3 changed files with 8 additions and 361 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/frontend/src/modals/IOModal/components/chatView/chatMessage/index.tsx
View file

@ -164,7 +164,7 @@ export default function ChatMessage({
{chat.thought && chat.thought !== "" && !hidden && <br></br>} {chat.thought && chat.thought !== "" && !hidden && <br></br>}
<div className="flex w-full flex-col"> <div className="flex w-full flex-col">
<div className="flex w-full flex-col dark:text-white"> <div className="flex w-full flex-col dark:text-white">
<div className="flex w-full flex-col"> <div data-testid={"chat-message-"+chat.sender_name+"-"+chatMessage} className="flex w-full flex-col">
{useMemo( {useMemo(
() => () =>
chatMessage === "" && lockChat ? ( chatMessage === "" && lockChat ? (
@ -313,7 +313,7 @@ dark:prose-invert"
</span> </span>
</> </>
) : ( ) : (
<span>{chatMessage}</span> <span data-testid={"chat-message-"+chat.sender_name+"-"+chatMessage}>{chatMessage}</span>
)} )}
</div> </div>
)} )}

359
src/frontend/tests/end-to-end/assets/ChatTest.json
View file

File diff suppressed because one or more lines are too long

6
src/frontend/tests/end-to-end/chat_io.spec.ts
View file

@ -1,4 +1,4 @@
import { test } from "@playwright/test"; import { test,expect } from "@playwright/test";
import { readFileSync } from "fs"; import { readFileSync } from "fs";
test("chat_io_teste", async ({ page }) => { test("chat_io_teste", async ({ page }) => {
@ -42,4 +42,8 @@ test("chat_io_teste", async ({ page }) => {
await page.getByPlaceholder("Send a message...").click(); await page.getByPlaceholder("Send a message...").click();
await page.getByPlaceholder("Send a message...").fill("teste"); await page.getByPlaceholder("Send a message...").fill("teste");
await page.getByRole("button").nth(1).click(); await page.getByRole("button").nth(1).click();
const chat_output = page.getByTestId("chat-message-AI-teste");
const chat_input = page.getByTestId("chat-message-User-teste");
await expect(chat_output).toHaveText("teste");
await expect(chat_input).toHaveText("teste");
}); });