diff --git a/src/app/pages/recipe-upload-page/steps/enter-recipe-data/enter-recipe-data.html b/src/app/pages/recipe-upload-page/steps/enter-recipe-data/enter-recipe-data.html
index 55fee2d..45b5a4a 100644
--- a/src/app/pages/recipe-upload-page/steps/enter-recipe-data/enter-recipe-data.html
+++ b/src/app/pages/recipe-upload-page/steps/enter-recipe-data/enter-recipe-data.html
@@ -101,7 +101,11 @@
Enter all as number of minutes, eg. 45
Preparation Time (minutes)
-
+
@if (recipeFormGroup.controls.preparationTime.hasError("pattern")) {
Must be a valid number.
}
@@ -109,7 +113,7 @@
Cooking Time (minutes)
-
+
@if (recipeFormGroup.controls.cookingTime.hasError("pattern")) {
Must be a valid number.
}
diff --git a/src/app/pages/recipe-upload-page/steps/enter-recipe-data/enter-recipe-data.spec.ts b/src/app/pages/recipe-upload-page/steps/enter-recipe-data/enter-recipe-data.spec.ts
index 3d5cbdc..fa5a92c 100644
--- a/src/app/pages/recipe-upload-page/steps/enter-recipe-data/enter-recipe-data.spec.ts
+++ b/src/app/pages/recipe-upload-page/steps/enter-recipe-data/enter-recipe-data.spec.ts
@@ -67,16 +67,10 @@ describe('EnterRecipeData', () => {
expect(component).toBeTruthy();
});
- const testTimeInput = (
- describeBlockName: string,
- inputRole: string,
- errorRole: string,
- ) => {
+ const testTimeInput = (describeBlockName: string, inputRole: string, errorRole: string) => {
describe(describeBlockName, () => {
it('should accept a number input with no error presented', () => {
- const preparationTimeInputDebug = fixture.debugElement.query(
- By.css(`[data-test-role=${inputRole}]`),
- );
+ const preparationTimeInputDebug = fixture.debugElement.query(By.css(`[data-test-role=${inputRole}]`));
expect(preparationTimeInputDebug).toBeTruthy();
const preparationTimeInput: HTMLInputElement = preparationTimeInputDebug.nativeElement;
preparationTimeInput.value = '1234';
@@ -107,9 +101,7 @@ describe('EnterRecipeData', () => {
fixture.detectChanges();
- const errorDebug = fixture.debugElement.query(
- By.css(`[data-test-role=${errorRole}]`),
- );
+ const errorDebug = fixture.debugElement.query(By.css(`[data-test-role=${errorRole}]`));
expect(errorDebug).toBeTruthy();
expect(errorDebug.nativeElement.textContent).toContain('Must be a valid number.');
});