feat: locator.fill (#81)

lino-levan · Jul 25, 2024 · 9122439 · 9122439
1 parent d2cb05c
commit 9122439
Show file tree

Hide file tree

Showing 3 changed files with 46 additions and 0 deletions.
diff --git a/src/locator.ts b/src/locator.ts
@@ -35,6 +35,23 @@ export class Locator<T> {
     await handle.click();
   }
 
+  async fill(text: string) {
+    await retry(async () => {
+      const p = this.#fill(text);
+      await deadline(p, this.#timeout);
+    });
+  }
+
+  async #fill(text: string) {
+    await this.#page.waitForSelector(this.#selector);
+    const handle = await this.#page.$(this.#selector);
+    if (handle === null) {
+      throw new Error(`Selector "${this.#selector}" not found.`);
+    }
+
+    await handle.type(text);
+  }
+
   async wait(): Promise<ElementHandle> {
     return await this.#page.waitForSelector(this.#selector);
   }

diff --git a/tests/fixtures/fill.html b/tests/fixtures/fill.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Fill</title>
+  </head>
+  <body>
+    <input id="target"></input>
+  </body>
+</html>
diff --git a/tests/locator_test.ts b/tests/locator_test.ts
@@ -89,3 +89,21 @@ Deno.test("Locator - evaluate()", async () => {
   await page.close();
   await browser.close();
 });
+
+Deno.test("Locator - fill()", async () => {
+  await using server = await serveFixture("fixtures/fill.html");
+
+  const browser = await launch();
+  const page = await browser.newPage(server.address);
+  await page.waitForNetworkIdle();
+
+  await page.locator("#target").fill("hello");
+
+  const text = await page.locator<HTMLInputElement>("#target").evaluate((el) =>
+    el.value
+  );
+  assertEquals(text, "hello");
+
+  await page.close();
+  await browser.close();
+});