testing ability Angular

[memory660]

I use angular/casl
I'm just trying to get the tests to work

example:

<button *ngIf="'create' | able: 'agence'" data-testid="bAjouter"> my button</button>

with : *ngIf="'create' | able: 'agence'..., ---> the button is not found
without : *ngIf="'create' | able: 'agence'... ---> the button is found

  beforeEach(async () => {
    await TestBed.configureTestingModule({
      declarations: [
...
      ],
      imports: [
...
      ],
      providers: [
        { provide: HttpClient, useValue: httpClientSpy },
        { provide: PureAbility, useValue: createMongoAbility() },
      ]
    })
    .compileComponents();

    let abilities = [];
    abilities.push({ action: 'create', subject: 'agence' });
    let ability: PureAbility = new PureAbility(abilities);
    ability.update(ability.rules);
...
...
  it('doit avoir le bouton "Ajouter"', () => {
    console.log('📢 [ability=]', ability.can('create', 'agence'));   // true, it's ok !    :)
 
    const button: HTMLInputElement = document.querySelector('[data-testid="bAjouter"]');
    console.log('📢 [referentiel-agence.component.spec.ts:124]', button);   // NULL   :(
    expect(button.textContent).toContain('Ajouter');    // error button is null
  });

I have however defined ability in the beforeEach
do you have documentation? a sample test?
anyone who can help me

[memory660]

with this code it work
.specs

  beforeEach(async () => {
    await TestBed.configureTestingModule({
      declarations: [
               ...
      ],
      imports: [
        ..., 
        AbilityModule,
      ],
      providers: [
        { provide: HttpClient, useValue: httpClientSpy },
        { provide: PureAbility, useValue: createMongoAbility() },
      ]
    })
    .compileComponents();
    
    const abilities = [{ action: 'manage', subject: 'all' }];
    const ability = new PureAbility(abilities);  
    TestBed.overrideProvider(PureAbility, { useValue: ability });
...
...

[stalniy]

you can always check actual project tests to find some samples -> https://github.com/stalniy/casl/blob/master/packages/casl-angular/spec/pipes.e2e.spec.ts