假设我有一个非常简单的 Web 应用程序，如果现任总统是民主党人，则显示为蓝色，如果是共和党人，则显示为红色。 REST API 用于通过端点获取当前总统:

/presidents/current

当前返回 json 对象:

{name: "Donald Trump", party: "Republican"}

因此，当我的页面加载时，我调用端点并根据返回的人显示红色或蓝色。

我想测试这个 HTML/javascript 页面，我想模拟后端，以便我可以从测试环境中控制 API 响应。例如:

def test_republican():
    # configure the response for this test that the web app will receive when it connects to this endpoint
    configure_endpoint(
        "/presidents/current", 
        jsonify(
            name="Donald Trump",
            party="Republican"
        )
    )  

    # start the web app in the browser using selenium 
    load_web_app(driver, "http://localhost:8080")  

    e = driver.find_element_by_name("background")
    assert(e.getCssValue("background-color") == "red")


def test_democrat():
    # configure the response for this test that the web app will receive when it connects to this endpoint
    configure_endpoint(
        "/presidents/current", 
        jsonify(
            name="Barack Obama",
            party="Democrat"
        )
    )    

    # start the web app in the browser using selenium 
    load_web_app(driver, "http://localhost:8080")  

    e = driver.find_element_by_name("background")
    assert(e.getCssValue("background-color") == "blue")

所以问题是我应该如何实现函数 configure_endpoint() 以及您可以推荐我哪些库？

最佳答案

正如@Kie 提到的，如果您要在 Selenium Python 代码中 stub 整个服务器端，configure_endpoint 实现是不够的。您需要一个 Web 服务器或任何能够通过 HTTP 响应测试环境中的请求的服务器。

看起来问题部分是关于客户端代码的测试。我看到的是您正在尝试对客户端逻辑进行单元测试，但使用集成测试套件来检查此逻辑(这很奇怪)。

主要思想如下。

您正在尝试测试客户端代码。所以，让我们也模拟客户端!因为这部分代码完全是客户端相关的东西。

如果你真的想要模拟，而不是 stub (注意这里的区别:https://stackoverflow.com/a/3459491/882187)，这是在你的 Javascript 代码中模拟 HTTP 请求的更好方法。只是因为您正在测试客户端代码，而不是服务器端逻辑的某些部分。

将它与任何服务器端隔离开来是一个好主意，当您的项目变得越来越大时，您会喜欢的，同时会出现越来越多的端点。

例如，您可以使用以下方法:

var restResponder = function() { // the original responder your client-side app will use
  this.getCurrentPresident = function(successCallback) {
    $.get('/presidents/current', callback);
  }
};

var createMockResponder = function(president, party){ // factory that creates mocks
  var myPresident = president;
  var myParty = party;

  return function() {
    this.getCurrentPresident = function (successCallback) {
      successCallback({"name": myPresident, "party": myParty});
    }
  };
}

// somewhere swap the original restResponder with new mockResponder created by 'createMockResponder'

// then use it in your app:

function drawColor(restResponder, backgroundEl) {
  restResponder.getCurrentPresident(function(data){
     if (data.party == "Democrat") $(backgroundEl).style('background-color', 'blue')
     else if (data.party == "Republican") $(backgroundEl).style('background-color', 'red')
     else console.info('Some strange response from server... Nevermind...');
  });
}

实际上，此实现取决于您在客户端将什么作为框架。如果是jQuery，那么我的例子就够了，但是看起来很罗嗦。如果你有更高级的东西，比如 AngularJS，你可以在 2-3 行代码中做同样的事情:

// Set up the mock http service responses
$httpBackend = $injector.get('$httpBackend');
// backend definition common for all tests
authRequestHandler = $httpBackend.when('GET', '/auth.py')
                                 .respond({userId: 'userX'}, {'A-Token': 'xxx'});

查看文档:https://docs.angularjs.org/api/ngMock/service/ $http后端

如果你仍然坚持这个想法，你需要在 Selenium 测试中进行模拟，请 试试这个项目:https://turq.readthedocs.io/en/latest/

它与 Python DSL 一起用于描述 REST 响应器。 使用 turq，您的模拟将如下所示:

path('/presidents/current').json({'name':'Barack Obama', 'party': 'Democrat'}, jsonp=False)

另外，我建议尝试 stub 而不是模拟，并使用这个 Python 模块:mock-server https://pypi.python.org/pypi/mock-server/0.3.7 您需要创建包含相应预填充 JSON 响应的目录布局，并添加一些样板代码以使 mock-server 响应“localhost:8080”。您示例的目录布局如下所示:

stub_obama/
  presidents/
    current/
      GET_200.json      # will contain {"name": "Barack Obama", "party": "Democrat"}
stub_trump/
  presidents/
    current/
      GET_200.json      # will contain {"name": "Donald Trump", "party": "Republican"}

但是 mock_server 是基于 Tornado 的，我认为它是用于测试的非常繁重的解决方案。

我希望，我的回答对您有所帮助且内容丰富。欢迎讨论!我用 Selenium 做了很多项目，大大小小的测试，测试了客户端和服务器端。

关于python - 使用模拟 REST API 的测试环境，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/41884606/