gradio

1
import { test, expect } from "@gradio/tootils";
2

3
test("Gallery preview mode displays all images correctly.", async ({
4
	page
5
}) => {
6
	await page.getByRole("button", { name: "Run" }).click();
7
	await page.getByLabel("Thumbnail 2 of 3").click();
8

9
	await expect(
10
		await page.getByTestId("detailed-image").getAttribute("src")
11
	).toEqual("https://gradio-builds.s3.amazonaws.com/assets/lite-logo.png");
12

13
	await expect(
14
		await page.getByTestId("thumbnail 1").getAttribute("src")
15
	).toEqual("https://gradio-builds.s3.amazonaws.com/assets/cheetah-003.jpg");
16
});
17

18
test("Gallery select event returns the right value and the download button works correctly", async ({
19
	page
20
}) => {
21
	await page.getByRole("button", { name: "Run" }).click();
22
	await page.getByLabel("Thumbnail 2 of 3").click();
23
	await expect(page.getByLabel("Select Data")).toHaveValue(
24
		"https://gradio-builds.s3.amazonaws.com/assets/lite-logo.png"
25
	);
26

27
	const downloadPromise = page.waitForEvent("download");
28
	await page.getByLabel("Download").click();
29
	const download = await downloadPromise;
30
	expect(download.suggestedFilename()).toBe("lite-logo.png");
31
});
32

33
test("Gallery click-to-upload, upload and change events work correctly", async ({
34
	page
35
}) => {
36
	await page
37
		.getByRole("button", { name: "Drop Image(s) Here - or - Click to Upload" })
38
		.first()
39
		.click();
40
	const uploader = await page.locator("input[type=file]").first();
41
	await uploader.setInputFiles([
42
		"./test/files/cheetah1.jpg",
43
		"./test/files/cheetah1.jpg"
44
	]);
45

46
	await expect(page.getByLabel("Num Upload")).toHaveValue("1");
47
	await page.getByLabel("Clear").first().click();
48
	await expect(page.getByLabel("Num Change")).toHaveValue("1");
49
});
50