Angular2在裝飾器中測試數據

Question

我有一個組件，我想在單元測試中檢查選擇器

@Component({
     selector: 'my-component',
)}

我想這樣測試

describe('My Component', function(){ 
   it('should have a selector', function() {
      expect( ___ ).toBe('my-component');
   }); 
)}

Answer 1

您需要使用Reflect Metadata來訪問這些提示。 假設組件的類是MyComponent ，您可以這樣做來測試選擇器：

describe('My Component', function(){ 
  it('should have a selector', function() {
    var annotations = Reflect.getMetadata('annotations', MyComponent);
    // Supposing the first annotations is of type ComponentMetadata
    expect(annotations[0].selector).toBe('my-component');
  });
});

請參閱此plunkr： https ：//plnkr.co/edit/HQc1qt ？ p = preview。

Answer 2

在rc上，您可能需要從核心檢索重新折射器，然后使用reflector.annotations來檢索信息

import {reflector} from '@angular/core/src/reflection/reflection';

it('should have a selector', inject([SettingsComponent], (component: any) => {
    let meta = reflector.annotations(SettingsComponent)[0];
    expect(meta.selector).toBe('Settings');
}));