fix: failing test

apps/example-app/app/examples/04-forms-with-material.spec.ts

@@ -11,7 +11,7 @@ test('is possible to fill in a form and verify error messages (with the help of
 
  const nameControl = screen.getByLabelText(/name/i);
  const scoreControl = screen.getByRole('spinbutton', { name: /score/i });
- const colorControl = screen.getByRole('listbox', { name: /color/i });
+ const colorControl = screen.getByRole('combobox', { name: /color/i });
  const errors = screen.getByRole('alert');
 
  expect(errors).toContainElement(screen.queryByText('name is required'));

apps/example-app/app/examples/07-with-ngrx-mock-store.spec.ts

@@ -21,7 +21,7 @@ test('works with provideMockStore', async () => {
  const store = TestBed.inject(MockStore);
  store.dispatch = jest.fn();
 
- fireEvent.click(screen.getByRole('listitem', { name: /seven/i }));
+ fireEvent.click(screen.getByText(/seven/i));
 
  expect(store.dispatch).toBeCalledWith({ type: '[Item List] send', item: 'Seven' });
 });

apps/example-app/app/examples/07-with-ngrx-mock-store.ts

@@ -10,7 +10,7 @@ export const selectItems = createSelector(
  selector: 'app-fixture',
  template: `
  <ul>
- <li *ngFor="let item of items | async" (click)="send(item)" [attr.aria-label]="item">{{ item }}</li>
+ <li *ngFor="let item of items | async" (click)="send(item)">{{ item }}</li>
  </ul>
  `,
 })