nightwatch.js 测试中的模拟后端

Question

在我的 Vue.js 应用程序中，我使用 nightwatch 来测试我的应用程序。我有以下规格：

module.exports = {
  'wrong email or password': function (browser) {
    const devServer = browser.globals.devServerURL
    var nock = require('nock');

    var couchdb = nock('http://localhost:3000/')
                    .get('api/v1/login')
                    .reply(401, {
                      error: 'dupa'
                     });

    browser
      .url(devServer + '/login')
      .setValue('input[type=email]', 'email@example.com')
      .setValue('input[type=password]', 'password')
      .click('.login')
      .assert.containsText('#app', 'Niepoprawny email lub hasło.')
      .end()
  }
}

在我的测试中，我尝试使用https://github.com/node-nock/nock。但不幸的是，这并没有模拟任何请求。我做错了什么？

Answer 1

Nock 取代了运行它的浏览器环境中的 HTTP 机制。 由于您在测试中运行它，而不是在浏览器中运行，因此浏览器环境没有变化。

您可以做几件事，但这取决于您要达到的目标：

1. 您可以编写一个假服务器并让它在端口 3000 上侦听并以您喜欢的任何方式回答。
2. 您可以配置您的应用程序以根据配置使用不同的机制，并让它在测试中加载 Nock“策略”。
3. 如果您有其他测试检查 UI，您可以用单元测试和集成测试替换此测试，以针对执行实际请求的功能。

要写一个假的，你只需要一个简单的服务器来返回你想要的答案。这是 express.js 的示例：

const express = require('express')
const app = express()

app.get('/api/v1/login', function (req, res) {
  res.send('Some response')
})

app.listen(3000, function () {
  console.log('server listening on port 3000')
})