1

好的大家，这里有点笨拙。我正在尝试使用 Jest 和 puppeteer 为电子邮件字段编写测试。问题是我似乎无法弄清楚如何让这个测试工作。我要测试的是，如果用户在电子邮件字段中没有输入任何内容，则会正确显示错误消息。我附上了 CSS 选择器属性的照片，您将在其中找到 customError：如果有效输入存在或不存在，这将在 true 和 false 之间循环。我还附上了 HTML 片段，您可以在其中找到 ID。我是 webscraping、JS、puppeteer 和 Jest 的初学者，所以我知道这并不理想，而且我确信我的代码存在很多问题。电子邮件文本字段图像 CSS 选择器道具特写图像 使用 devtools 的完整视图

我想我也不能嵌入图像，所以提供了链接！

test('empty field', async () => {
      browser = await puppeteer.launch();
      page = await browser.newPage();

      await page.goto('https://platform.adcritter.com/')
      await page.click('input[name=email]');
      await page.type('input[name=email]', '') // no input

      const doesItPass = await page.$$eval('input#if248af80-b989-11eb-8fad-f1ae53f1cff4',
          validity => {expect({customError:true})}
      )
      browser.close()
    }, 10000)
<input type="text" id="if248af80-b989-11eb-8fad-f1ae53f1cff4" name="email" placeholder="username@domain.com" class="euiFieldText euiFieldText--withIcon euiFieldText--fullWidth" tabindex="1" autocomplete="email" value="" aria-describedby="if248af80-b989-11eb-8fad-f1ae53f1cff4-error-0">

4

0 回答 0