added faker js

package.json

@@ -8,6 +8,7 @@
   "author": "",
   "license": "ISC",
   "devDependencies": {
+    "@faker-js/faker": "^7.3.0",
     "@playwright/test": "^1.22.2",
     "@typescript-eslint/eslint-plugin": "^5.31.0",
     "@typescript-eslint/parser": "^5.31.0",

tests/contact.spec.ts

@@ -1,5 +1,6 @@
 import { test, expect } from '@playwright/test';
 import ContactPage from '../pages/contact.page';
+import { faker } from '@faker-js/faker';
 
 test.describe('Contact', () => {
   let contactPage: ContactPage;
@@ -11,7 +12,7 @@ test.describe('Contact', () => {
     await contactPage.navigate()
 
     //  fill out the input fields and submit
-    await contactPage.submitForm('test name', '[email protected]', '123789123', 'Hello! this is taking advantage of POM');
+    await contactPage.submitForm(faker.name.findName(), faker.internet.email(), faker.phone.number(), faker.lorem.paragraphs(2));
 
     // verify success message
     await expect(contactPage.successTxt).toHaveText('Thanks for contacting us! We will be in touch with you shortly')