使用赛普拉斯测试重定向到新路由

时间:2017-10-19 21:58:04

标签: javascript testing mocha cypress

我正在使用Cypress来测试我的网络应用程序。

此代码段目前有效并将提交新内容:

describe('The Create Page', () => {
  it('successfully creates a thing', () => {
    cy.visit('/create')
    cy.get('input[name=description]').type('Hello World')
    cy.get('button#submit')
      .click()

    // After POST'ing this data via AJAX, the web app then
    // receives the id of the new thing that was just created
    // and redirects the user to /newthing/:id
    // How do I test that this redirection worked?
  })
})

正如评论所示,我不知道如何测试重定向到新路由是否有效。我可以在浏览器模拟中看到重定向有效,我只是想为它添加一个测试。

感谢!!!

2 个答案:

答案 0 :(得分:9)

您需要做的是断言网址处于预期状态。

赛普拉斯有许多命令可用于对网址进行断言。具体而言,cy.url()cy.location()cy.hash()可能符合您的要求。对您的用例而言,最好的例子可能是:

cy.location('pathname').should('eq', '/newthing/:id')

答案 1 :(得分:1)

使用以下代码查找网址,而不考虑其他参数

cy.location().should((loc) => {
   expect(loc.pathname.toString()).to.contain('/home');
 });