Update README with more examples (#966)

skyvern-frontend/src/routes/tasks/create/TaskTemplates.tsx

@@ -26,17 +26,21 @@ const templateSamples: {
     description: "Find a product and add it to cart",
   },
   california_edd: {
-    title: "California_EDD",
+    title: "California EDD",
     description: "Fill the employer services online enrollment form",
   },
   bci_seguros: {
-    title: "bci_seguros",
+    title: "BCI Seguros",
     description: "Generate an auto insurance quote",
   },
   job_application: {
     title: "Job Application",
     description: "Fill a job application form",
   },
+  contact_us_forms: {
+    title: "Contact Us Forms",
+    description: "Fill a contact us form on a random website",
+  },
 };
 
 const templateSwitchOptions = [

skyvern-frontend/src/routes/tasks/data/sampleTaskData.ts

@@ -78,6 +78,24 @@ export const finditparts = {
   errorCodeMapping: null,
 };
 
+export const contact_us_forms = {
+  url: "https://canadahvac.com/contact-hvac-canada/",
+  navigationGoal:
+    "Fill out the contact us form and submit it. Your goal is complete when the page says your message has been sent.",
+  navigationPayload: {
+    name: "John Doe",
+    email: "john.doe@gmail.com",
+    phone: "123-456-7890",
+    message: "Hello, I have a question about your services.",
+  },
+  dataExtractionGoal: null,
+  extractedInformationSchema: null,
+  webhookCallbackUrl: null,
+  totpIdentifier: null,
+  totpVerificationUrl: null,
+  errorCodeMapping: null,
+};
+
 export const job_application = {
   url: "https://jobs.lever.co/leverdemo-8/45d39614-464a-4b62-a5cd-8683ce4fb80a/apply",
   navigationGoal:
@@ -298,6 +316,9 @@ export function getSample(sample: SampleCase) {
     case "finditparts": {
       return finditparts;
     }
+    case "contact_us_forms": {
+      return contact_us_forms;
+    }
     case "california_edd": {
       return california_edd;
     }

skyvern-frontend/src/routes/tasks/types.ts

@@ -7,6 +7,7 @@ export const sampleCases = [
   "california_edd",
   "bci_seguros",
   "job_application",
+  "contact_us_forms",
 ] as const;
 
 export type SampleCase = (typeof sampleCases)[number];