Javascript - 分度器 - チェックボックスの利用規約をクリックすると、

Question

私は角試験に非常に新鮮で、下の用語と条件チェックボックスに分度器角度e2e試験コードを書くのを助けてください。

プロファイル作成ボタンは、チェックボックスをオンにしたときのみ有効になります。あなたはアサーションを記述し、その後、チェックボックスをクリックをシミュレートする必要が

//when clicked the checkbox 
 

 
<md-checkbox ng-model="terms" aria-label="Terms &amp; Conditions" required="" tabindex="0" type="checkbox" role="checkbox" class="md-checked ng-not-empty ng-dirty ng-valid-parse ng-valid ng-valid-required ng-touched" aria-required="true" aria-checked="true" aria-invalid="false" style=""><div class="md-container md-ink-ripple" md-ink-ripple="" md-ink-ripple-checkbox=""><div class="md-icon"></div><div class="md-ripple-container"></div></div><div ng-transclude="" class="md-label"><span class="ng-scope"> 
 
      I agree to example</span><a target="_blank" href="https://example.com/" class="ng-scope">Terms &amp; Conditions</a> 
 
     </div></md-checkbox> \t \t 
 
\t \t 
 
\t \t 
 
\t \t 
 
\t \t 
 
//when not clicked the checkbox 
 
\t 
 
<md-checkbox ng-model="terms" aria-label="Terms &amp; Conditions" required="" tabindex="0" type="checkbox" role="checkbox" class="ng-dirty ng-valid-parse ng-touched ng-empty ng-invalid ng-invalid-required" aria-required="true" aria-checked="false" aria-invalid="true" style=""><div class="md-container md-ink-ripple" md-ink-ripple="" md-ink-ripple-checkbox=""><div class="md-icon"></div><div class="md-ripple-container"></div></div><div ng-transclude="" class="md-label"><span class="ng-scope"> 
 
      I agree to example </span><a target="_blank" href="https://example.com/" class="ng-scope">Terms &amp; Conditions</a> 
 
     </div></md-checkbox>

Answer 1

、この例では、アサーションはあなたの要素にng-validクラスです。

describe('Validate terms and conditions',() => { 
    it('should accept terms and conditions', (done) => { 
    browser.get('/#/transfert'); 

    const checkbox = element(by.model('terms')); 
    checkbox.click().then(() => { 
     expect(checkbox.getAttribute('class').to.equal('ng-valid')) 
    }); 
    }); 
}); 

Answer 2

実際にe2eテストでは、アプリケーションが期待どおりに応答するかどうかを確認するために、ユーザーの操作をシミュレートします。だからここに流れ、あなたは従うべきである：

let checkboxElement = element(by.model('terms')); 
let createProfileButtonElement = element(by.id('my-id-create-profile-button')); 
checkboxElement.click().then((data) => { 
    expect(createProfileButtonElement.isEnabled()).to.become(true); 
    // done() callback of the it block 
});