File size: 1,774 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 67 68 69 |
import { test, describe, assert, afterEach } from "vitest";
import { cleanup, render } from "@self/tootils";
import event from "@testing-library/user-event";
import MultimodalTextbox 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("MultimodalTextbox", () => {
afterEach(() => cleanup());
test("renders provided value", async () => {
const { getByDisplayValue } = await render(MultimodalTextbox, {
show_label: true,
max_lines: 1,
loading_status,
lines: 1,
value: { text: "hello world", files: [] },
label: "Textbox",
interactive: false,
root: ""
});
const item: HTMLInputElement = getByDisplayValue(
"hello world"
) as HTMLInputElement;
assert.equal(item.value, "hello world");
});
test("changing the text should update the value", async () => {
const { component, getByDisplayValue, listen } = await render(
MultimodalTextbox,
{
show_label: true,
max_lines: 10,
loading_status,
lines: 1,
value: { text: "hi ", files: [] },
label: "MultimodalTextbox",
interactive: true,
root: ""
}
);
const item: HTMLInputElement = getByDisplayValue("hi") as HTMLInputElement;
const mock = listen("change");
item.focus();
await event.keyboard("some text");
assert.equal(item.value, "hi some text");
assert.equal(component.value.text, "hi some text");
assert.equal(mock.callCount, 9);
assert.equal(mock.calls[8][0].detail.data.text, "hi some text");
assert.equal(mock.calls[8][0].detail.data.files.length, 0);
});
});
|