[BUG] TypeError: this.iconRegistryService.getIcon is not a function in standalone component test

[RasmusKjeldgaard]

• I have written a good issue

Describe the bug

When testing standalone components with jest (possibly also other test frameworks) the icon component is not properly stubbed even though KirbyTestingModule is used.

Describe how to reproduce the bug

The bug can be verified by checking the following reproduction out, installing dependencies with npm install and running npm run test, which gives this result:

The module-based component AppComponent successfully runs tests, while the standalone component test suite fails with TypeError: this.iconRegistryService.getIcon is not a function, because the actual icon component implementation is initialized for some reason.

Which Kirby version was used?

v9.7.3 and v10.2.1

What was the expected behavior?

Add any screenshots

Please complete the following information:

• OS: [e.g. Windows, MacOS, iOS]
• Browser [e.g. Chrome, Safari]
• Browser version [e.g. 22]

Are there any additional context?

---

Checklist:

The following tasks should be carried out in sequence in order to follow the process of contributing correctly.

Verification

To make sure the bug is not intended behaviour; it should be verified by a member of team Kirby before moving on to implementation.

• Make sure the NOT verified label has been removed by a member of team Kirby; do not proceed until this is done.

Implementation

The contributor who wants to implement this issue should:

• Make sure you have read: "Before you get coding".
• Signal to others you are working on the issue by assigning yourself.
• Create a branch from the develop branch following our branch naming convention.
• Create a test that reproduces the bug following guidelines in: "The good: Test".
• Write code to fix the bug

Review

Once the issue has been implemented and is ready for review:

• Do a self-review.
• Create a pull-request.

[RasmusKjeldgaard]

Current workaround is to provide a stubbed out version yourself when setting up the test: { provide: IconRegistryService, useValue: { getIcon: () => ({ name: '' }) } }