Angular2 testing data in decorators

Question

I have a component and I want to check the selector in unit tests

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

I want to test like this

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

Thierry Templier · Accepted Answer · 2016-03-17 07:41:31Z

6

In you need to use Reflect Metadata to have access to these hints. Supposing that the class of the component is MyComponent, you could do this to test the selector:

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');
  });
});

See this plunkr: https://plnkr.co/edit/HQc1qt?p=preview.

answered Mar 17, 2016 at 7:41

Thierry Templier

203k44 gold badges407 silver badges365 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

micronyks Over a year ago

I didn't know how to test decorator's selector metadata. Thanks for indicating the right direction.

Acosta · Accepted Answer · 2016-08-12 14:01:12Z

0

On rc you may need to retrieve the rereflactor from core then use the reflector.annotations to retrieve the info

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');
}));

answered Aug 12, 2016 at 14:01

Acosta

1,0561 gold badge11 silver badges22 bronze badges

Collectives™ on Stack Overflow

Angular2 testing data in decorators

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related