Edit a Change Order
Edit a Change Order
Start by creating a contact to build the chain of records we need. Wait for the new contact form to load. Enter the contact's name.
Watch the demo (15 seconds)
Overview
Start by creating a contact to build the chain of records we need. Wait for the new contact form to load. Enter the contact's name. Add a contact email so we can later send the change order. Save the new contact. Confirm the contact was created. Now create a job for that contact. Wait for the new job form. Give the job a title. Create the job. Confirm the job exists. Create an estimate for this job. Wait for the estimate form. Title the estimate. Save the estimate. Confirm the estimate was created. Return to the estimates list to find the new estimate's id. Wait for the estimate row to appear. Open the estimate detail page. Confirm the estimate detail view loaded. Go back to estimates list to navigate to change orders via known route. Wait for the list. Re-open the estimate. Wait for the estimate page to load. Follow the link to this estimate's change orders. Wait for the change orders index page. Begin a new change order. Wait for the change order builder. Provide an initial reason for the change order. Save the draft change order. Confirm the draft change order was created. Open the change order in edit mode. Wait for the edit view to load. Append updated wording to the reason field. Add a richer description for the change. Add a new line item to the change order. Describe the new line item. Save the edited change order. Confirm the change order detail view reflects the edits.
Steps: 42 · Time to complete: ~15 seconds · Difficulty: hard
Prerequisites
- Access to the Edit a Change Order feature.
Steps
Step 1 — Navigate to /contacts/new · 0:00
Start by creating a contact to build the chain of records we need.
Step 2 — Wait for form · 0:05
Wait for the new contact form to load.
Step 3 — Type into input[name='name'] · 0:08
Enter the contact's name.
Step 4 — Type into input[name='email'] · 0:10
Add a contact email so we can later send the change order.
Step 5 — Click button[type='submit'] · 0:00
Save the new contact.
Step 6 — Wait for text="Acme Renovations" · 0:00
Confirm the contact was created.
Step 7 — Navigate to /jobs/new · 0:00
Now create a job for that contact.
Step 8 — Wait for form · 0:00
Wait for the new job form.
Step 9 — Type into input[name='title'] · 0:00
Give the job a title.
Step 10 — Click button[type='submit'] · 0:00
Create the job.
Step 11 — Wait for text="Kitchen Remodel" · 0:00
Confirm the job exists.
Step 12 — Navigate to /estimates/new · 0:00
Create an estimate for this job.
Step 13 — Wait for form · 0:00
Wait for the estimate form.
Step 14 — Type into input[name='title'] · 0:00
Title the estimate.
Step 15 — Click button[type='submit'] · 0:00
Save the estimate.
Step 16 — Wait for text="Initial Estimate" · 0:00
Confirm the estimate was created.
Step 17 — Navigate to /estimates · 0:00
Return to the estimates list to find the new estimate's id.
Step 18 — Wait for text="Initial Estimate" · 0:00
Wait for the estimate row to appear.
Step 19 — Click a:has-text("Initial Estimate") · 0:00
Open the estimate detail page.
Step 20 — Wait for text="Initial Estimate" · 0:00
Confirm the estimate detail view loaded.
Step 21 — Screenshot: estimate_detail · 0:00
Screenshot: estimate_detail.
Step 22 — Navigate to /estimates · 0:00
Go back to estimates list to navigate to change orders via known route.
Step 23 — Wait for text="Initial Estimate" · 0:00
Wait for the list.
Step 24 — Click a:has-text("Initial Estimate") · 0:00
Re-open the estimate.
Step 25 — Wait for h1 · 0:00
Wait for the estimate page to load.
Step 26 — Click a[href*='/change-orders'] · 0:00
Follow the link to this estimate's change orders.
Step 27 — Wait for h1 · 0:00
Wait for the change orders index page.
Step 28 — Click a[href*='/change-orders/new'] · 0:00
Begin a new change order.
Step 29 — Wait for form · 0:00
Wait for the change order builder.
Step 30 — Type into input[name='reason'] · 0:00
Provide an initial reason for the change order.
Step 31 — Click button:has-text("Save") · 0:00
Save the draft change order.
Step 32 — Wait for text="CO-" · 0:00
Confirm the draft change order was created.
Step 33 — Click a:has-text("Edit") · 0:00
Open the change order in edit mode.
Step 34 — Wait for h1:has-text("Edit CO-") · 0:00
Wait for the edit view to load.
Step 35 — Screenshot: change_order_edit_view · 0:00
Screenshot: change_order_edit_view.
Step 36 — Type into input[name='reason'] · 0:00
Append updated wording to the reason field.
Step 37 — Type into textarea[name='description'] · 0:00
Add a richer description for the change.
Step 38 — Click button:has-text("Add Line Item") · 0:00
Add a new line item to the change order.
Step 39 — Type into input[name='description'] · 0:00
Describe the new line item.
Step 40 — Click button:has-text("Save") · 0:00
Save the edited change order.
Step 41 — Wait for text="CO-" · 0:00
Confirm the change order detail view reflects the edits.
Step 42 — Screenshot: change_order_after_edit · 0:00
Screenshot: change_order_after_edit.
Expected outcome
Confirm the change order detail view reflects the edits.
Assets
- 📹 Full video — 15 seconds
- 📝 Plain transcript
- 🎬 Captions (WebVTT)
- 🖼️ Thumbnail