page objects: navigate to home page thro new Navigate page object’s p…

…rovided method

tests/adding-items.spec.ts

@@ -1,6 +1,7 @@
 import { test, expect, Locator } from "@playwright/test";
 import { TodoForm } from "./page-classes/todo-form.ts";
 import { TodoList } from "./page-classes/todo-list.ts";
+import { Navigate } from "./page-classes/navigate.ts";
 
 let todoForm: TodoForm;
 let newTodoField: Locator;
@@ -9,10 +10,12 @@ let todoList: TodoList;
 let countOfRemainingToDos: Locator;
 let displayedTodoItems: Locator;
 
+let navigate: Navigate;
 
 test.beforeEach(
     async({ page })=>{
-        await page.goto("https://todomvc.com/examples/emberjs/todomvc/dist/");
+        navigate = new Navigate(page);
+        await navigate.toHomePage();
 
         //Invoke the page object to grab locator(s)
         todoForm = new TodoForm(page);

tests/page-classes/navigate.ts

@@ -0,0 +1,13 @@
+import { Page } from "@playwright/test"
+
+export class Navigate{
+    readonly page: Page;
+
+    constructor(page: Page){
+        this.page = page;
+    }
+
+    async toHomePage(){
+        await this.page.goto("https://todomvc.com/examples/emberjs/todomvc/dist/");
+    }
+}