Ana içeriğe geç

ngMocks.find

Bulunan bir DebugElement'i döndürür; bu, doğru türde bir componentInstance'a ait olmalıdır veya bir css seçicisi ile eşleşmelidir. Eğer bir kök eleman veya bir fixture belirtilmemişse, mevcut fixture kullanılır.

ipucu

Kullanım kolaylığı açısından, ngMocks.find fonksiyonunu düzgün bir şekilde yapılandırmak önemlidir.

  • ngMocks.find(fixture?, component, notFoundValue?)
  • ngMocks.find(fixture?, cssSelector, notFoundValue?)
  • ngMocks.find(debugElement?, component, notFoundValue?)
  • ngMocks.find(debugElement?, cssSelector, notFoundValue?)

Bileşen Sınıfı​

const element1 = ngMocks.find(Component1);
const element2 = ngMocks.find(fixture, Component2);
const element3 = ngMocks.find(fixture.debugElement, Component3);

CSS Seçici​

const element1 = ngMocks.find('div.con1');
const element2 = ngMocks.find(fixture, 'div.con2');
const element3 = ngMocks.find(fixture.debugElement, 'div.con3');
bilgi

cssSelector ile seçim yaparken, doğru sınıfları kullanmak seçiminiz üzerinde büyük bir etkiye sahip olabilir.

Tuple​

cssSelector, bir attribute css seçici oluşturmak için bir tuple'u destekler. İlk değer bir attribute adıdır, ikinci değer isteğe bağlıdır ve attribute'un istenen değerine işaret eder.

const el1 = ngMocks.find(['data-key']);
// bu, aşağıdakiyle aynıdır
const el2 = ngMocks.find('[data-key]');

el1 === el2; // true
const el1 = ngMocks.find(['data-key', 5]);
// bu, aşağıdakiyle aynıdır
const el2 = ngMocks.find('[data-key="5"]');

el1 === el2; // true