File size: 3,825 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 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 |
import { test, expect, drag_and_drop_file } from "@gradio/tootils";
import { chromium } from "playwright";
test("Audio click-to-upload uploads audio successfuly. File downloading works and file has correct name.", async ({
page
}) => {
await page
.getByRole("button", { name: "Drop Audio Here - or - Click to Upload" })
.click();
const uploader = await page.locator("input[type=file]");
await uploader.setInputFiles(["../../test/test_files/audio_sample.wav"]);
await expect(page.getByLabel("# Input Change Events")).toHaveValue("1");
await expect(page.getByLabel("# Input Upload Events")).toHaveValue("1");
await page.getByLabel("Clear").click();
await expect(page.getByLabel("# Input Change Events")).toHaveValue("2");
await page
.getByRole("button", { name: "Drop Audio Here - or - Click to Upload" })
.click();
await uploader.setInputFiles(["../../test/test_files/audio_sample.wav"]);
await expect(page.getByLabel("# Input Change Events")).toHaveValue("3");
await expect(page.getByLabel("# Input Upload Events")).toHaveValue("2");
const downloadPromise = page.waitForEvent("download");
await page.getByLabel("Download").click();
const download = await downloadPromise;
await expect(download.suggestedFilename()).toBe("audio_sample.wav");
});
test("Audio drag-and-drop uploads a file to the server correctly.", async ({
page
}) => {
await drag_and_drop_file(
page,
"input[type=file]",
"../../test/test_files/audio_sample.wav",
"audio_sample.wav",
"audio/wav"
);
await expect(page.getByLabel("# Input Change Events")).toHaveValue("1");
await expect(page.getByLabel("# Input Upload Events")).toHaveValue("1");
});
test("Audio drag-and-drop displays a warning when the file is of the wrong mime type.", async ({
page
}) => {
await drag_and_drop_file(
page,
"input[type=file]",
"../../test/test_files/audio_sample.wav",
"audio_sample.wav"
);
const toast = page.getByTestId("toast-body");
expect(toast).toContainText("warning");
});
test.skip("Play, Pause, and stop events work correctly.", async ({ page }) => {
const uploader = await page.locator("input[type=file]");
await uploader.setInputFiles(["../../demo/audio_debugger/cantina.wav"]);
const event_triggered = async (label: string) => {
const value = await page.getByLabel(label).inputValue();
expect(Number(value)).toBeGreaterThan(0);
};
await page
.getByTestId("waveform-Output Audio")
.getByLabel("Play", { exact: true })
.click();
await expect(async () => event_triggered("# Output Play Events")).toPass();
await page.getByTestId("waveform-Output Audio").getByLabel("Pause").click();
await expect(async () => event_triggered("# Output Pause Events")).toPass();
await page
.getByTestId("waveform-Output Audio")
.getByLabel("Play", { exact: true })
.click();
await expect(async () => event_triggered("# Output Stop Events")).toPass();
});
test.skip("Record, pause, and stop recording events work correctly.", async ({
page
}) => {
const browser = await chromium.launch();
const context = await browser.newContext({
permissions: ["microphone"]
});
context.grantPermissions(["microphone"]);
await page.getByLabel("Record audio").click();
await page.getByRole("button", { name: "Record", exact: true }).click();
expect(await page.getByLabel("# Input Start Recording Events")).toHaveValue(
"1"
);
await page.waitForTimeout(2000);
await page.getByLabel("pause", { exact: true }).click();
await page.getByRole("button", { name: "Resume" }).click();
expect(await page.getByLabel("# Input Pause Recording Events")).toHaveValue(
"1"
);
await page.getByRole("button", { name: "Stop" }).click();
expect(await page.getByLabel("# Input Stop Recording Events")).toHaveValue(
"1"
);
expect(await page.getByLabel("# Input Change Events")).toHaveValue("1");
});
|