AssertionError [ERR_ASSERTION]: Attempted to use undefined named icon

[loxy]

Hi!

We get many of those logs (when using TuiSvgComponentinside) in our tests since an update to latest version (3.42.1). I tried to se up an provider with tuiSvgOptionsProvider in tests, but that didn't work. Any hint how to fix that? Didn't found docs or other issues related to that.

Best regards,
Kersten

[splincode]

show me your logs

[loxy]

    console.assert
      AssertionError [ERR_ASSERTION]: Attempted to use undefined named icon
      at TuiSvgComponent.Object.<anonymous>.TuiSvgComponent.onError (node_modules/projects/core/components/svg/svg.component.ts:168:32)
    console.assert
      AssertionError [ERR_ASSERTION]: Attempted to use undefined named icon
      at TuiSvgComponent.Object.<anonymous>.TuiSvgComponent.onError (node_modules/projects/core/components/svg/svg.component.ts:168:32)
    console.assert
      AssertionError [ERR_ASSERTION]: Attempted to use undefined named icon
      at TuiSvgComponent.Object.<anonymous>.TuiSvgComponent.onError (node_modules/projects/core/components/svg/svg.component.ts:168:32)
    console.assert
      AssertionError [ERR_ASSERTION]: Attempted to use undefined named icon
      at TuiSvgComponent.Object.<anonymous>.TuiSvgComponent.onError (node_modules/projects/core/components/svg/svg.component.ts:168:32)
...

[splincode]

what does html look like in your tests with tui-svg?

[loxy]

It is in every component which uses SVG component, here an example:

<tui-tag
  *ngIf="icon; else hasNoIcon"
  [size]="size"
  [value]="text | translate"
  [leftContent]="iconLeft"
  [status]="status"
  [class]="cssClass"
  [showLoader]="showLoader"
></tui-tag>

<ng-template #hasNoIcon>
  <tui-tag [size]="size" [value]="text | translate" [status]="status" [showLoader]="showLoader"></tui-tag>
</ng-template>

<ng-template #iconLeft>
  <tui-svg [class]="'size-' + size" [src]="icon!"></tui-svg>
</ng-template>

BTW, we are using standalone components

[loxy]

@Component({
  selector: 'app-status',
  standalone: true,
  imports: [CommonModule, TuiTagModule, TuiSvgModule, TranslateModule],
  templateUrl: './status.component.html',
  styleUrls: ['./status.component.scss'],
})
export class StatusComponent<T extends string> implements OnChanges {
  @Input() value: T | null | undefined = null;
  @Input() translationPrefix: string = '';
  @Input() size: TuiSizeS | TuiSizeL = 's';
  @Input() showLoader: boolean = false;
  @Input() config: StatusMappingConfig<T> = {} as StatusMappingConfig<T>;

...

[loxy]

Nothing?

[splincode]

Could you create a simple github reproduction?