How to set hostDirective inputs in tests ?

[CorentinGROSDEMOUGE]

I have a component that have two hostDirectives, which has required inputs.
How can i add these inputs without using a custom type on the inputs property from render function ?

[timdeschryver]

It looks like #514.
There is not a "real" API for this, but you can just define it as an input.
Sadly, it cannot be typed as far as I know.

[CorentinGROSDEMOUGE]

That's what i'm doing for the moment.

It's a bit ugly but i declare a type and performs a type assertion on the input property. Ugly but working 😅

type MyComponentInputs =
  ComponentInput<T
    & { automatedTestAnchor: AutomatedTestAnchorDirective['designSystemAutomatedTestAnchor'] }
  >
  
  // ...
  
  // Dumb test
  it('should instantiate', async () => {
      const { fixture } = await render(MyComponentInputs , {
        inputs: {
          text: 'Title',
          automatedTestAnchor: 'foobar'
        } satisfies MyComponentInputs as MyComponentInputs,
      });

      expect(fixture.componentInstance).toBeInstanceOf(LinkCardComponent);
    });

Thanks for the answer, i'll subscribe to the other issue too.

Edit : If i can use aliasedInput it will be way better !