update spec 00 to user-event

Author: markgoho

apps/example-app/src/app/examples/00-single-component.spec.ts

@@ -1,8 +1,9 @@
-import { render, screen, fireEvent } from '@testing-library/angular';
-
+import { render, screen } from '@testing-library/angular';
+import userEvent from '@testing-library/user-event';
 import { SingleComponent } from './00-single-component';
 
 test('renders the current value and can increment and decrement', async () => {
+  const user = userEvent.setup();
   await render(SingleComponent);
 
   const incrementControl = screen.getByRole('button', { name: /increment/i });
@@ -11,10 +12,10 @@ test('renders the current value and can increment and decrement', async () => {
 
   expect(valueControl).toHaveTextContent('0');
 
-  fireEvent.click(incrementControl);
-  fireEvent.click(incrementControl);
+  await user.click(incrementControl);
+  await user.click(incrementControl);
   expect(valueControl).toHaveTextContent('2');
 
-  fireEvent.click(decrementControl);
+  await user.click(decrementControl);
   expect(valueControl).toHaveTextContent('1');
 });