test: ✅ add RecipeFilter testronaut test

Author: yjaaidi

apps/5-testronaut-solution/src/app/recipe/recipe-filter.pw.ts

@@ -0,0 +1,11 @@
+import { test, expect } from '@testronaut/angular';
+import { RecipeFilter } from './recipe-filter.ng';
+
+test('recipe filter', async ({ page, mount }) => {
+  const { outputs } = await mount(RecipeFilter);
+
+  await page.getByText('Keywords').fill('Burger');
+
+  expect(outputs.filterChange.calls).toHaveLength(1);
+  expect(outputs.filterChange.calls[0]).toMatchObject({ keywords: 'Burger' });
+});

apps/5-testronaut-solution/src/app/recipe/recipe-search.pw.ts

@@ -20,7 +20,7 @@ test('recipe search', async ({ page, mount, runInBrowser }) => {
   });
 
   await mount(RecipeSearch);
-  await page.getByText('Keywords').click();
+
   await page.getByRole('textbox', { name: 'Keywords' }).fill('Bur');
   await expect(page.getByRole('heading')).toHaveText(['Burger']);
 });