Question

我有一个使用Webpack构建的Web应用程序。我创建的应用程序使用angularjs。当我通常在Chrome中加载应用程序并打开开发人员工具时，我通常会在 webpack：// - >＆gt;下找到源脚本。。 - ＆gt; chrome dev工具中的 app / scripts 。

我可以在那里找到我的控制器，服务和所有脚本文件。我现在正在为Chrome上的E2E编写量角器测试，并嘲笑后端调用。

describe('signOnApp E2E test', function() {
  beforeEach(function() {
    browser.addMockModule('signOnApp', function() {
      angular.module('signOnAppE2E', ['signOnApp', 'ngMockE2E'])
        .run(function($httpBackend,$http) {
           var dummyResponse = {"setting1": "value1",
           "setting2": "value2"}
           httpBackend.whenGET("/signOnApp/config/config.json").respond(200, dummyResponse); 
    });
    });
  });

  it('should load the page after loading from config', function() {
    browser.get('http://localhost:4321/signonApp.html');
    browser.enterRepl();
 });
})

当我运行量角器测试时，我看到页面正在加载，而我正在进行的调用实际上并没有被模拟代码服务。因此我收到404错误。现在，当我打开DevTools时，我甚至没有在源代码中看到我的代码。我的角度应用手动引导，我没有使用ng-app指令。

当我在chrome dev工具中查找我的模拟代码时，我错过了什么？

在量角器中找到Mocked模块源代码以进行调试

0 个答案: