Testing components with @Attribute

[maxs-rose]

Is it possible to test a component with an @Attribute?

Assuming we have

// Component
class Example {
    constructor(@Attribute("test") public readonly test: string) {}
}

I would assume that this would be set the same as any other @Input attribute but this doesn't seem to work and instead, the attribute is actually null.

// Tests
beforeEach(() => MockBuilder(Example, Module));

it('test', () => expect(MockRender(Example, { test: "test" }).point.componentInstance.test).toEqual("test");)

[maxs-rose]

Relevant angular docs https://angular.io/api/core/Attribute

[satanTime]

Hi,

as I see, @Attribute is static, it means <input type="text"> injects text, whereas <input type="{{ type }}"> or <input [type]="type"> inject null.

I would suggest to pass a template instead of the class:

it('test', () => {
  const { point } = MockRender<Example>('<example test="test"></example>');
  expect(point.componentInstance.test).toEqual('test');
});

[maxs-rose]

Yea that works thanks :)