如何从 Selenium 脚本调用外部 API 以使用 Node JS 填充字段？

Question

我有一个用例，我需要调用外部 API、解析返回的 JSON 并在网页中填充表单字段，所有这些都在使用 Node JS 编写的 Selenium 脚本中。

类似这样的：

// in Selenium script get the form field
let inputElement = await getElementById(driver, "my-id");
// then call an API including callback function

// in the callback function with the JSON response from the API
const myText = response.data.text;
await inputElement.sendKeys(myText,Key.ENTER);

实际上我什至不知道从哪里开始 - 因为我将向作为 Selenium 脚本的一部分运行的现有异步代码添加异步代码（API 调用并等待回调中的响应）。而且我不需要丢失对 Web 驱动程序和输入元素的引用。

一些让我前进的建议和建议会非常有帮助。

Answer 1

如果你使用节点的内置 https 模块，你可以做这样的事情..

const { Builder, By, Key, until } = require("selenium-webdriver");
const https = require("https");

(async function example() {
  let driver = await new Builder().forBrowser("chrome").build();
  try {
    await driver.get("http://www.google.com/ncr");
    await https.get("https://jsonplaceholder.typicode.com/users/1", (resp) => {
      let data = "";
      resp.on("data", (chunk) => {
        data += chunk;
      });
      resp.on("end", async () => {
        // console.log(JSON.parse(data)["name"]);
        await driver
          .findElement(By.name("q"))
          .sendKeys(JSON.parse(data)["name"], Key.RETURN);
      });
    });
    await driver.wait(until.titleContains("- Google Search"), 1000);
  } finally {
    await driver.quit();
  }
})();

或者如果你已经在使用像 axios 这样的库，那么你可以这样做

const { Builder, By, Key, until } = require("selenium-webdriver");
const axios = require("axios");
(async function example() {
  let driver = await new Builder().forBrowser("chrome").build();
  try {
    await driver.get("http://www.google.com/ncr");
    const { data } = await axios.get(
      "https://jsonplaceholder.typicode.com/users/1"
    );
    await driver.findElement(By.name("q")).sendKeys(data["name"], Key.RETURN);
    await driver.wait(until.titleContains("- Google Search"), 1000);
  } finally {
    await driver.quit();
  }
})();

希望这是您正在寻找的..