Create an Invoice from a Job
Create an Invoice from a Job
Open the Jobs pipeline to pick a job. Wait for the Jobs page to load. Start creating a job so we have one to invoice.
Watch the demo (33 seconds)
Overview
Open the Jobs pipeline to pick a job. Wait for the Jobs page to load. Start creating a job so we have one to invoice. Wait for the job form dialog to open. Return to the Jobs list to open an existing job. Wait for the Jobs page to render. Navigate into a job detail page. Wait for the job detail view to load. Open the New Invoice dialog tied to this job. Wait for the invoice creation dialog to appear.
Steps: 12 · Time to complete: ~33 seconds · Difficulty: hard
Prerequisites
- Access to the Create an Invoice from a Job feature.
Steps
Step 1 — Navigate to /jobs · 0:00
Open the Jobs pipeline to pick a job.
Step 2 — Wait for h1:has-text("Jobs") · 0:03
Wait for the Jobs page to load.
Step 3 — Click button:has-text("New Job") · 0:06
Start creating a job so we have one to invoice.
Step 4 — Pause 500ms · 0:10
Wait for the job form dialog to open.
Step 5 — Screenshot: job_form_open · 0:00
Screenshot: job_form_open.
Step 6 — Navigate to /jobs · 0:13
Return to the Jobs list to open an existing job.
Step 7 — Wait for h1:has-text("Jobs") · 0:17
Wait for the Jobs page to render.
Step 8 — Click a:has-text("Back to Jobs") · 0:20
Navigate into a job detail page.
Step 9 — Wait for text="Job Details" · 0:22
Wait for the job detail view to load.
Step 10 — Click button:has-text("New Invoice") · 0:25
Open the New Invoice dialog tied to this job.
Step 11 — Pause 600ms · 0:29
Wait for the invoice creation dialog to appear.
Step 12 — Screenshot: new_invoice_dialog · 0:00
Screenshot: new_invoice_dialog.
Expected outcome
Wait for the invoice creation dialog to appear.
Assets
- 📹 Full video — 33 seconds
- 📝 Plain transcript
- 🎬 Captions (WebVTT)
- 🖼️ Thumbnail