E2E測試失敗

我想在Angular 2中設置一個示例應用程序，現在我試圖測試e2e測試部分。我對Jasmine框架或Angular 2使用的量角器庫知之甚少。E2E測試失敗

所以我不知道爲什麼我我當我運行ng e2e（我用角CLI）

的錯誤，我得到了以下錯誤：

[09:41:10] I/direct - Using ChromeDriver directly... 
[09:41:10] I/launcher - Running 1 instances of WebDriver 
[09:41:12] E/launcher - Error: TSError: ? Unable to compile TypeScript 
e2e\app.e2e-spec.ts (16,4): Cannot find name 'browser'. (2304) 
e2e\app.e2e-spec.ts (17,19): Cannot find name 'element'. (2304) 
e2e\app.e2e-spec.ts (17,27): Cannot find name 'by'. (2304) 
e2e\app.e2e-spec.ts (18,5): Supplied parameters do not match any signature of ca 
ll target. (2346)

我的測試案例（app.e2e- spec.ts）

import { WebPage } from './app.po'; 

describe('web App', function() { 
    let page: WebPage; 

    beforeEach(() => { 
    page = new WebPage(); 
    }); 

    it('should display message saying app works',() => { 
    page.navigateTo(); 
    expect(page.getParagraphText()).toEqual('Hello World'); 
    }); 

    it('Has a greeting', function() { 
    browser.get('/index.html'); 
    var greeting = element(by.id('h2Id')); 
    expect().getText(greeting).toEqual('Hello, World!'); 
    }); 


});

Protrator.config.js

// Protractor configuration file, see link for more information 
// https://github.com/angular/protractor/blob/master/docs/referenceConf.js 

/*global jasmine */ 
var SpecReporter = require('jasmine-spec-reporter'); 

exports.config = { 
    allScriptsTimeout: 11000, 
    specs: [ 
    './e2e/**/*.e2e-spec.ts' 
    ], 
    capabilities: { 
    'browserName': 'chrome' 
    }, 
    directConnect: true, 
    baseUrl: 'http://localhost:4200/', 
    framework: 'jasmine', 
    jasmineNodeOpts: { 
    showColors: true, 
    defaultTimeoutInterval: 30000, 
    print: function() {} 
    }, 
    useAllAngular2AppRoots: true, 
    beforeLaunch: function() { 
    require('ts-node').register({ 
     project: 'e2e' 
    }); 
    }, 
    onPrepare: function() { 
    jasmine.getEnv().addReporter(new SpecReporter()); 
    } 
};

來源

2016-11-18 Snedden27

'進口{瀏覽器，元素，通過}的 '量角器';'請注意，通常你會在*頁面對象*有這些（見['app.po.ts'（HTTPS：/ /github.com/textbook/known-for-web/blob/master/e2e/pages/app.po.ts）），它從測試中抽象出實際與DOM進行交互的業務，並暴露更加用戶友好的API使您的測試更具可讀性（例如['app.e2e-spec.ts']（https://github.com/textbook/known-for-web/blob/master/e2e/app.e2e-spec.ts）） - 你的例子中'page.getGreetingText（）'和'element（by.id（'h2Id'））。getText（）'之間的區別。 CLI就是這樣做的。 – jonrsharpe

我明白了，它似乎工作正常，我假設CLI隱式地導入了庫，感謝您的回覆 – Snedden27

CLI在自動生成的'.po'文件中包含那些導入，您需要在其中與瀏覽器和特定元素，而不是在'.e2e-spec'文件中。 – jonrsharpe

app.e2e-spec.ts：

expect（）。getText（greeting）.toEqual（'Hello，World！'）;

=> expect(greeting.getText()).toEqual('Hello, World!');

來源

2017-04-28 07:08:46 Raine

請解釋你的答案！ – Mazz

歡迎來到StackOverflow。請參閱這裏[如何格式化代碼]（https://stackoverflow.com/editing-help） –

E2E測試失敗

回答

相關問題