Angular 2テスト-DOM要素スタイルを取得

Question

私のAngular 2アプリ（テストはJasmineで記述されています）で非表示ボタンの機能をテストしたいので、displayプロパティの値を確認する必要があります。 AngularのdebugElementを使用してこのプロパティを取得するにはどうすればよいですか？テストコード：

let input = fixture.debugElement.query(By.css('input'));
expect(input.styles['visibility']).toBe('false');

エラーが発生します：undefinedが 'false'であると予想されます。

Answer 1

この例に出くわした人にとって、displayに関するこの特定の問題の解決策は、hiddenのdebugElementプロパティです。要素が非表示の場合はtrueが含まれ、そうでない場合はfalseが含まれます。

Answer 2

私は同じ問題を抱えていました。 DebugElement.stylesは、その要素に何らかのスタイルを明示的に設定しても、常に空のオブジェクトです（angular code？）のバグかもしれません。したがって、ブラウザnative element 直接：

let input = fixture.debugElement.query(By.css('input'));
expect(input.nativeElement.style.visibility).toBe('false');