mirror of
https://github.com/gradio-app/gradio.git
synced 2024-12-21 02:19:59 +08:00
2b6cbf2590
* rename * save patch * fix everything * format * rm file * fix stuff * tweaks * tweaks * tweaks * tweaks * tweaks * asd * asd * asd * asd * asd * asd * asd * fix * Fix scripts/run_lite.sh and scripts/build_lite.sh (#9170) * fixes * fixes * asd * asd * asd * review comments * fiux types * fiux types * make fileexpolorer public * format * lint * lint --------- Co-authored-by: Yuichiro Tachibana (Tsuchiya) <t.yic.yt@gmail.com>
82 lines
2.2 KiB
TypeScript
82 lines
2.2 KiB
TypeScript
import { test, describe, assert, afterEach, vi } from "vitest";
|
|
import { cleanup, render } from "@self/tootils";
|
|
import { setupi18n } from "../core/src/i18n";
|
|
|
|
import Gallery from "./Index.svelte";
|
|
import type { LoadingStatus } from "@gradio/statustracker";
|
|
|
|
const loading_status: LoadingStatus = {
|
|
eta: 0,
|
|
queue_position: 1,
|
|
queue_size: 1,
|
|
status: "complete" as LoadingStatus["status"],
|
|
scroll_to_output: false,
|
|
visible: true,
|
|
fn_index: 0,
|
|
show_progress: "full"
|
|
};
|
|
|
|
describe("Gallery", () => {
|
|
afterEach(() => {
|
|
cleanup();
|
|
vi.useRealTimers();
|
|
});
|
|
beforeEach(() => {
|
|
setupi18n();
|
|
});
|
|
test("renders the image provided", async () => {
|
|
const { getByTestId } = await render(Gallery, {
|
|
show_label: true,
|
|
label: "Gallery",
|
|
loading_status: loading_status,
|
|
preview: true,
|
|
value: [
|
|
{
|
|
image: {
|
|
path: "https://raw.githubusercontent.com/gradio-app/gradio/main/gradio/demo/video_component/files/a.mp4",
|
|
url: "https://raw.githubusercontent.com/gradio-app/gradio/main/gradio/demo/video_component/files/a.mp4"
|
|
},
|
|
caption: null
|
|
}
|
|
]
|
|
});
|
|
let item = getByTestId("detailed-image") as HTMLImageElement;
|
|
assert.equal(
|
|
item.src,
|
|
"https://raw.githubusercontent.com/gradio-app/gradio/main/gradio/demo/video_component/files/a.mp4"
|
|
);
|
|
});
|
|
|
|
test("triggers the change event if and only if the images change", async () => {
|
|
const { listen, component } = await render(Gallery, {
|
|
show_label: true,
|
|
label: "Gallery",
|
|
loading_status: loading_status,
|
|
preview: true,
|
|
value: [
|
|
{
|
|
image: {
|
|
path: "https://raw.githubusercontent.com/gradio-app/gradio/main/gradio/demo/video_component/files/a.mp4",
|
|
url: "https://raw.githubusercontent.com/gradio-app/gradio/main/gradio/demo/video_component/files/a.mp4"
|
|
},
|
|
caption: null
|
|
}
|
|
]
|
|
});
|
|
const change_event = listen("change");
|
|
|
|
await component.$set({
|
|
value: [
|
|
{
|
|
image: {
|
|
path: "https://raw.githubusercontent.com/gradio-app/gradio/main/gradio/demo/video_component/files/a.mp4",
|
|
url: "https://raw.githubusercontent.com/gradio-app/gradio/main/gradio/demo/video_component/files/a.mp4"
|
|
},
|
|
caption: null
|
|
}
|
|
]
|
|
});
|
|
assert.equal(change_event.callCount, 0);
|
|
});
|
|
});
|