admin管理员组

文章数量:1435859

I am using Angular 18 with Angular testing library: my issues is that I am able access route param as required input signal. However when I run the tests that depends on this input it's complaining that Input is required but no value available yet error.

How to provide this to My test in ATL so I can use the input.

I am using Angular 18 with Angular testing library: my issues is that I am able access route param as required input signal. However when I run the tests that depends on this input it's complaining that Input is required but no value available yet error.

How to provide this to My test in ATL so I can use the input.

  • angular
  • angular-signals
  • angular-testing-library
Share Improve this question asked Nov 15, 2024 at 19:50 Eternal SunshineEternal Sunshine 951 silver badge7 bronze badges
Add a comment  | 

1 Answer 1

Reset to default 1

Create a mock ParamMap that simulates route parameters, then create a mock ActivatedRoute that returns the mock ParamMap as an Observable.

Using this approach you can test both the initial route parameter binding and parameter changes (by calling next with a new ParamMap on paramMapSubject and then calling fixture.detectChanges())

  const paramMapSubject = new Subject<ParamMap>();

  const createParamMap = (id: string): ParamMap => ({
    get: (param: string) => param === 'id' ? id : null,
    getAll: (param: string) => param === 'id' ? [id] : [],
    has: (param: string) => param === 'id',
    keys: ['id']
  });

  async function setup() {
    return render(ExampleComponent, {
      providers: [
        {
          provide: ActivatedRoute,
          useValue: {
            paramMap: paramMapSubject.asObservable()
          }
        }
      ]
    });
  }

本文标签：

版权声明：本文标题：Angular -Access route param require input in tests when using using with component input binding - Stack Overflow 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.betaflare.com/web/1745673381a2669706.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。