Merge branch 'testing-501-recipe-preview-ct-solution' into testing-50…

…2-recipe-filter-ct-starter

apps/whiskmate/src/app/recipe/recipe-repository.fake.ts

@@ -1,6 +1,6 @@
 import { Injectable, Provider } from '@angular/core';
 import { RecipeFilter } from './recipe-filter';
-import { Observable, of } from 'rxjs';
+import { defer, Observable, of } from 'rxjs';
 import { Recipe } from './recipe';
 import {
   RecipeRepository,
@@ -18,25 +18,26 @@ export class RecipeRepositoryFake implements RecipeRepositoryDef {
     maxIngredientCount,
     maxStepCount,
   }: RecipeFilter = {}): Observable<Recipe[]> {
-    const recipes = this._recipes.filter((recipe) => {
-      const conditions = [
-        /* Filter by keywords. */
-        () => (keywords ? recipe.name.includes(keywords) : true),
-        /* Filter by max ingredients. */
-        () =>
-          maxIngredientCount != null
-            ? recipe.ingredients.length <= maxIngredientCount
-            : true,
-        /* Filter by max steps. */
-        () =>
-          maxStepCount != null ? recipe.steps.length <= maxStepCount : true,
-      ];
+    return defer(() => {
+      const recipes = this._recipes.filter((recipe) => {
+        const conditions = [
+          /* Filter by keywords. */
+          () => (keywords ? recipe.name.includes(keywords) : true),
+          /* Filter by max ingredients. */
+          () =>
+            maxIngredientCount != null
+              ? recipe.ingredients.length <= maxIngredientCount
+              : true,
+          /* Filter by max steps. */
+          () =>
+            maxStepCount != null ? recipe.steps.length <= maxStepCount : true,
+        ];
 
-      /* Return true if all conditions are true. */
-      return conditions.every((condition) => condition());
+        /* Return true if all conditions are true. */
+        return conditions.every((condition) => condition());
+      });
+      return of(recipes);
     });
-
-    return of(recipes);
   }
 
   setRecipes(recipes: Recipe[]) {

package.json

@@ -47,7 +47,7 @@
     "@cypress/webpack-dev-server": "3.9.0",
     "@jscutlery/cypress-harness": "0.7.1",
     "@jscutlery/operators": "2.1.3",
-    "@jscutlery/playwright-ct-angular": "0.8.1",
+    "@jscutlery/playwright-ct-angular": "0.9.0",
     "@jscutlery/rx-computed": "0.5.0",
     "@jscutlery/swc-angular": "0.14.2",
     "@jscutlery/swc-angular-plugin": "0.14.2",