test: update data-testid attributes for chat memory and OpenAI model elements (#5823)

* 🐛 (generalBugs-shard-9.spec.ts): fix incorrect test selector for elementChatMemoryOutput to match updated element ID
🐛 (generalBugs-shard-3.spec.ts): fix incorrect test selector for elementsOpenAiOutput to match updated element ID

* 📝 (refreshButton.tsx): add data-testid attribute to RefreshButton component for testing purposes
🐛 (Vector Store.spec.ts): fix import statement to include 'expect' in Playwright test file
🐛 (Vector Store.spec.ts): remove unnecessary test.skip block for ASTRA_DB_API_ENDPOINT
🐛 (Vector Store.spec.ts): fix selectors and interactions for refresh buttons and dropdown options in Playwright test file

* ✨ (freeze-path.spec.ts): refactor test cases to use a new helper function moveSlider for interacting with slider elements in a more efficient and readable way
This commit is contained in:
Cristhian Zanforlin Lousa 2025-01-21 17:45:10 -03:00 • committed by GitHub
commit e34f39ac75
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
3 changed files with 72 additions and 26 deletions

View file

@ -1,4 +1,4 @@
import { expect, test } from "@playwright/test";
import { expect, Page, test } from "@playwright/test";
import * as dotenv from "dotenv";
import path from "path";
import { awaitBootstrapTest } from "../../utils/await-bootstrap-test";
@ -45,14 +45,6 @@ test(
.getByTestId("default_slider_display_value")
.click({ force: true });
await evaluateReactStateChanges(
page,
'[data-testid="slider_input"]',
"1.0",
);
await page.keyboard.press("Enter");
await page.waitForSelector('[data-testid="button_run_chat output"]', {
timeout: 1000,
});
@ -84,11 +76,7 @@ test(
timeout: 1000,
});
await evaluateReactStateChanges(
page,
'[data-testid="slider_input"]',
"1.2",
);
await moveSlider(page, "right", false);
await page.waitForSelector('[data-testid="button_run_chat output"]', {
timeout: 1000,
@ -172,3 +160,27 @@ test(
expect(secondRandomTextGeneratedByAI).toEqual(thirdRandomTextGeneratedByAI);
},
);
async function moveSlider(
page: Page,
side: "left" | "right",
advanced: boolean = false,
) {
const thumbSelector = `slider_thumb${advanced ? "_advanced" : ""}`;
const trackSelector = `slider_track${advanced ? "_advanced" : ""}`;
await page.getByTestId(thumbSelector).click();
const trackBoundingBox = await page.getByTestId(trackSelector).boundingBox();
if (trackBoundingBox) {
const moveDistance =
trackBoundingBox.width * 0.1 * (side === "left" ? -1 : 1);
const centerX = trackBoundingBox.x + trackBoundingBox.width / 2;
const centerY = trackBoundingBox.y + trackBoundingBox.height / 2;
await page.mouse.move(centerX + moveDistance, centerY);
await page.mouse.down();
await page.mouse.up();
}
}