javascript - testcafe - 如何断言文本包含在 html 正文中

Question

我正在使用 testcafe 进行 api 测试，但是我们的 api 需要登录。下面是我的代码。我可以看到 json 响应很好。但我不确定如何在页面上断言。

import { Selector } from 'testcafe';

import Page from './page';
// Page model
const page = new Page();
const url = 'https://myexample.com';

const elementWithIdOrClassName = Selector(value => {
  return document.getElementById(value) || document.getElementsByTagName(value);
});

fixture `Test`
    .page(url + '/talent/career')
    .beforeEach( async t => {
      await t
      .typeText(page.username, 'gvp50')
      .typeText(page.password, 'password')
      .click(page.login_button)
    });



// Tests
test('Text typing basics', async t => {
    await t
      .navigateTo(url+'/api/learner/learning_items')
      .expect(Selector('html')).contains('learning_items');
});

Testcafe 在我运行这段代码后挂起。我也尝试了 Selector('body') 但它不起作用。

Answer 1

您需要指定要获取(验证)的元素属性(状态)。

在您选择了整个“html”元素 (Selector('html')) 之后，指定您想要访问的属性(状态)(属性、子节点、样式、大小等)。查看DOM Node State了解更多信息。

看起来你想按如下方式访问文本内容:

.expect(Selector('html').textContent).contains('learning_items');

但是，这样的选择器使用不太可能是挂起的原因，因为 TestCafe 会正确显示有关无效选择器使用的消息。您可能希望简化测试和/或 debug it找出导致挂起的原因。