小编Nik*_*hil的帖子

在发出获取请求后,编写 Testcafe 测试来断言加载微调器是可见的

我有以下场景:

  • 加载页面
  • 期望微调器是隐藏的
  • 输入用户名点击搜索
  • 期待微调显示
  • 延迟几秒钟后,预计微调器会隐藏
  • 断言显示正确的用户详细信息

这是工作演示 在此处输入图片说明

我在我的测试规范中模拟了网络请求,但我无法理解在单击搜索按钮后如何断言微调器可见

这是我的测试规范:

    import {Selector, RequestMock} from "testcafe";
   import mockUser from "../mocks/mockUser.json";

var apiMocks = RequestMock()
  .onRequestTo(/\/api\/users/)
  .respond(mockUser, 200, {
    'access-control-allow-credentials': "*",
    'access-control-allow-origin': "*"
  })
fixture `When a user is searched`
  .page(`http://localhost:3000/`)
  .requestHooks(apiMocks);

test("Should fetch user details", async t => {
  const spinnerEl = Selector("[data-test-id='spinner']");

  await t.expect(spinnerEl.exists).notOk();

  await t
    .typeText("[data-test-id='txt-search']", "foo")
    .click("[data-test-id='btn-search']");
   // This line does not work
  // await t.expect(spinnerEl.exists).ok();
  await t.expect(Selector("[data-test-id='username']").innerText).eql("Foo Bar");
  await t.expect(Selector("[data-test-id='userid']").innerText).eql("foo");
})
Run Code Online (Sandbox Code Playgroud)

我是 TestCafe 的新手,有人可以帮我解决这个问题。

谢谢!

testing automated-tests ui-testing ui-automation testcafe

5
推荐指数
1
解决办法
515
查看次数

如何重命名或删除新的octopress帖子?

Octopress提供了一种使用rake new_post[title]命令创建博客文章的简便方法.有没有办法renamedelete命令创建的帖子?

octopress

3
推荐指数
1
解决办法
2239
查看次数