10

Angular アプリの 2 つの別々のページで分度器テストを実行したいと思います:/dashboardと/articles.

複雑なのは、アプリに手動でログインする必要があることです。

現在、私はこのセットアップを持っています:

var LoginPage = function() {
  ptor = protractor.getInstance();
  this.login = function(url) {
    ptor.get(url);
    ptor.findElement(protractor.By.model('email')).sendKeys(config.LOGIN_EMAIL);
    ptor.findElement(protractor.By.model('password')).sendKeys(config.LOGIN_PASS);
    ptor.findElement(protractor.By.tagName('button')).click();
  };
};

describe('The dashboard', function() {
  console.log('logging in');
  var loginPage = new LoginPage();
  loginPage.login(config.DASHBOARD_URL);
  console.log('logged in');
  it('has a heading', function() {
    console.log('testing dashboard 1');
    heading = ptor.findElement(protractor.By.tagName('h1'));
    expect(heading.getText()).toEqual(config.DASHBOARD_HEADING);
  });
});

describe('The article widget', function() {
  console.log('logging in');
  var loginPage = new LoginPage();
  loginPage.login(config.ARTICLE_URL);
  console.log('logged in');
  it('has a heading', function() {
    console.log('testing article 1');
    heading = ptor.findElement(protractor.By.tagName('h1'));
    expect(heading.getText()).toEqual(config.ARTICLES_HEADING);
  });
});

これにより、次の出力が得られます。

Selenium standalone server started at http://192.168.2.9:56791/wd/hub
logging in
LoginPage
logged in
logging in
LoginPage
logged in
testing dashboard 1
Ftesting article 1

describe両方のセクションが並行してキックオフしているように見えます。コードを適切な方法で構造化しながら、次の一連のイベントを強制するにはどうすればよいですか?

  1. ダッシュボード ページを読み込む
  2. ログイン
  3. ダッシュボード テストを実行する
  4. 記事ページを読み込む (すでにログインしているものとします)
  5. 記事のテストを実行する
4

4 に答える 4

9

ログインを別のファイルに移動できます。

次に、分度器構成ファイルで次のようにします。

exports.config = {
  specs: [
    'spec/login.js',
    'spec/dashboard_test.js',
    'spec/article_test.js'
  ],
  ...
};

ログインは他のテストの前に実行されます

于 2013-12-14T04:34:30.287 に答える
7

分度器のドキュメントでは、

ログイン コードをonPrepare関数に入れます。この関数は、テストの前に 1 回実行されます。

たとえば、あなたのprotractor.conf

onPrepare: function() {
    browser.driver.get('http://localhost/login.html');

    browser.driver.findElement(by.id('username')).sendKeys('Jane');
    browser.driver.findElement(by.id('password')).sendKeys('1234');
    browser.driver.findElement(by.id('clickme')).click();

    // Login takes some time, so wait until it's done.
    // For the test app's login, we know it's done when it redirects to
    // index.html.
    return browser.driver.wait(function() {
       return browser.driver.getCurrentUrl().then(function(url) {
          return /index/.test(url);
       });
    }, 10000);
}
于 2015-05-29T11:09:52.737 に答える
7 
describe('my app', function(){
    beforeEach(function(){
        login()...
    })
    describe('dashboard');
    describe('the article widget')
});
于 2013-11-25T22:03:51.830 に答える
-1

e2e 分度器テストでも同様の問題がありました。記述ブロックが並行して実行されていたため、テストが失敗しました。

修正前の私のコードは次のようなものでした：

describe('test1', function() {
  it('do foo1', function() {..});
  describe('do test1', function() {..});
});
describe('test2', function() {
  it('do foo2', function() {..});
  describe('do test2', function() {..});
});

両方の記述ブロックが並行して実行されていたため、テストが失敗しました。修正は、it ブロックを記述ブロックで囲むことでした。

修正後のコード:

describe('test1', function() {
  describe('foo1', function() {
    it('do foo1', function() {..});  
  });
  describe('do test1', function() {..});
});
describe('test2', function() {
  describe('foo2', function() {
    it('do foo2', function() {..});  
  });
  describe('do test2', function() {..});
});

分度器 github の同様の問題へのリンク: https://github.com/angular/protractor/issues/592

于 2014-04-25T23:38:33.563 に答える