javascript - Protractor 找不到 Angular

标签 javascript angularjs protractor

我正在尝试为 Angular 应用程序设置单元/e2e 测试。按照 Protractor 网站上的说明和许多其他示例,我已经设置了它并能够运行测试,除非它们引用的是 Angular 对象。 这是我想要测试的示例 html 页面:

<!DOCTYPE html>
<html ng-app="app">
<head>
    <script type="text/javascript" src="libraries/angular.js"></script>
    <script type="text/javascript" src="libraries/angular-route.js"></script>
    <script type="text/javascript" src="libraries/angular-touch.js"></script>
    <script type="text/javascript" src="libraries/angular-sanitize.js"></script>
    <script type="text/javascript" src="libraries/angular-mocks.js"></script>

    .....
</head>
<body ng-controller="DefaultController">

...

测试:

describe('Logon page', function ()
{
    beforeEach(function ()
    {
        browser.get('default.html');

        angular.module("app");
    });

    it('should have a title', function ()
    {
        expect(browser.getTitle()).toEqual('Logon');
    });
});

当我运行它时,我得到一个异常:“ReferenceEror: Angular 未定义”。 如果我删除行“angular.module(“app”);” - 效果很好。 通过查看 Protractor 的控制台输出,看起来 Protractor.waitForAngular() 在我尝试访问“Angular ”对象后在内部被调用。但据我了解 browser.get - 应该先加载它?

我使用 Angular 1.3.4 和 Protractor 1.4.0。

提前致谢。

最佳答案

为什么需要 angular.module("app"); 部分?您在 Protractor 测试中编写的代码不会在浏览器中运行。它使用浏览器 API(通过 Selenium),但您无法直接访问正在测试的页面上的 Angular 模块或其他结构。

我认为您可能混淆了单元测试和端到端测试的概念。您需要 angular.module("app"); 仅用于单元测试。

关于javascript - Protractor 找不到 Angular ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27269459/

相关文章:

javascript - css 文本与 innerHTML 对齐

javascript - 如何在 handleSubmit 中从 react-query 实现 useMutation

node.js - 获取 HTML 完整内容图像的最佳方法

javascript - AngularJS:调整 ng-model 与 ng-repeat 一起工作

javascript - 在 Protractor 中传播 promise

javascript - 有没有办法根据其他测试的结果来运行特定的 Protractor 测试?

javascript - YUI 3 上传 - 选择文件按钮离线时不显示

javascript - 打开的 JqueryUI 对话框使用旧目标实例处理 onclick 事件

angularjs - js-data-Angular 模型中的单元测试 promise

javascript - UI-router 空参数导致导航到错误的路线