File size: 1,683 Bytes
0ad74ed |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 |
import {
test,
describe,
assert,
afterEach,
vi,
beforeAll,
beforeEach
} from "vitest";
import { cleanup, render } from "@self/tootils";
import { setupi18n } from "../core/src/i18n";
import Image from "./Index.svelte";
import type { LoadingStatus } from "@gradio/statustracker";
const loading_status = {
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" as LoadingStatus["show_progress"]
};
describe("Image", () => {
beforeAll(() => {
window.HTMLMediaElement.prototype.play = vi.fn();
window.HTMLMediaElement.prototype.pause = vi.fn();
});
beforeEach(setupi18n);
afterEach(() => cleanup());
test("image change event trigger fires when value is changed and only fires once", async () => {
const { component, listen } = await render(Image, {
show_label: true,
loading_status,
value: {
url: "https://raw.githubusercontent.com/gradio-app/gradio/main/test/test_files/bus.png",
orig_name: "bus.png",
path: "https://raw.githubusercontent.com/gradio-app/gradio/main/test/test_files/bus.png"
},
streaming: false,
pending: false,
label: "Test Label",
width: 224,
height: 224,
mirror_webcam: false,
// brush_color: "#000000",
// brush_radius: 5,
// mask_opacity: 0.5,
interactive: true
});
const mock = listen("change");
component.value = {
url: "https://github.com/gradio-app/gradio/blob/main/test/test_files/cheetah1.jpg",
orig_name: "bus.png",
path: "https://github.com/gradio-app/gradio/blob/main/test/test_files/cheetah1.jpg"
};
assert.equal(mock.callCount, 1);
});
});
|