File size: 1,625 Bytes
a03b3ba |
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 |
import { test, describe, assert, afterEach } from "vitest";
import { spy } from "tinyspy";
import { cleanup, fireEvent, render, get_text, wait } from "@gradio/tootils";
import event from "@testing-library/user-event";
import Textbox 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("Textbox", () => {
afterEach(() => cleanup());
test("renders provided value", async () => {
const { getByDisplayValue } = await render(Textbox, {
show_label: true,
max_lines: 1,
loading_status,
lines: 1,
value: "hello world",
label: "Textbox",
interactive: false
});
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(Textbox, {
show_label: true,
max_lines: 10,
loading_status,
lines: 1,
value: "hi ",
label: "Textbox",
interactive: true
});
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, "hi some text");
assert.equal(mock.callCount, 9);
assert.equal(mock.calls[8][0].detail.data, "hi some text");
});
});
|