mirror of
https://github.com/gradio-app/gradio.git
synced 2025-01-06 10:25:17 +08:00
bd2c695328
* py * path * barebones js * add changeset * add changeset * downloadbutton * add changeset * changes * clog * commit * revert' * fix * js * add changeset * cleanup * download * notebooks * stories * change * fix * format * download * Fix updating `icon` parameter (bug resulting from https://github.com/gradio-app/gradio/pull/7528) (#7554) * fetch 2 * fix --------- Co-authored-by: gradio-pr-bot <gradio-pr-bot@users.noreply.github.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 "@gradio/tootils";
|
|
import { setupi18n } from "../app/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);
|
|
});
|
|
});
|