refactor: Improve Reactflow wrapping around toolbars, canvas controls, etc (#8130)

* update the wrapping of the reactflow

* [autofix.ci] apply automated fixes

* test button fix

* [autofix.ci] apply automated fixes

* selector fix

* fix slash

---------

Co-authored-by: autofix-ci[bot] <114827586+autofix-ci[bot]@users.noreply.github.com>
This commit is contained in:
Mike Fortman 2025-05-21 13:46:46 -05:00 • committed by GitHub
commit 3889d5ff3b
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
36 changed files with 101 additions and 106 deletions

View file

@ -33,8 +33,7 @@ test(
await page.getByText("Chat Input", { exact: true }).click();
await page.getByTestId("edit-button-modal").last().click();
await page.getByText("Close").last().click();
await page.getByText("Playground", { exact: true }).last().click();
await page.getByRole("button", { name: "Playground", exact: true }).click();
// Read the image file as a binary string
const filePath = "tests/assets/chain.png";

View file

@ -71,7 +71,7 @@ test(
await page.getByTestId("handle-textoutput-shownode-message-right").click();
await page.getByTestId("handle-chatoutput-noshownode-text-target").click();
await page.getByText("Playground", { exact: true }).last().click();
await page.getByRole("button", { name: "Playground", exact: true }).click();
await page.waitForSelector('[data-testid="input-chat-playground"]', {
timeout: 100000,
});

View file

@ -35,7 +35,7 @@ test.describe("save component tests", () => {
// Now dispatch
await page.dispatchEvent(
"//*[@id='react-flow-id']/div[1]/div[1]/div",
"//*[@data-testid='rf__wrapper']/div[1]/div",
"drop",
{
dataTransfer,
@ -48,9 +48,8 @@ test.describe("save component tests", () => {
expect(true).toBeTruthy();
}
await page
.locator('//*[@id="react-flow-id"]/div[1]/div[2]/button[3]')
.click();
// Log button element
await page.getByTestId("fit_view").click();
await zoomOut(page, 2);