test-detailed-notes

Runs end-to-end browser tests for the Detailed Notes LWC component on Salesforce Account pages.

13|17|Updated Jan 30, 2025
One-click install
npx skills add https://github.com/CodeWithSally/CodeWithSally-Apex-English --skill test-detailed-notes-codewithsally
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: test-detailed-notes
Source: https://github.com/CodeWithSally/CodeWithSally-Apex-English/tree/main/Sessions/ClaudeCode/Session004/.claude/skills/test-detailed-notes
Command: npx skills add https://github.com/CodeWithSally/CodeWithSally-Apex-English --skill test-detailed-notes-codewithsally

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Manually verifying a Salesforce Lightning Web Component after every deployment is slow and error-prone. This Skill automates a full functional test of the Detailed Notes LWC on the Account record page, covering view, edit, create, and delete operations through a real headed browser. ## Core Features & Use Cases - Full CRUD Test Coverage: Sequentially tests viewing an existing note, editing a note's title and rich text body, creating a new note, and deleting the test note for cleanup. - Playwright CLI Browser Automation: Drives a headed browser via npx playwright-cli commands including snapshots, clicks, form fills, and coordinate-based interaction with the rich text editor. - Structured PASS/FAIL Reporting: Captures a final screenshot and reports each test (A-D) as PASS or FAIL with observed behavior notes. - Use Case: After deploying changes to the detailedNotes LWC, run this Skill to confirm the component still works end-to-end on the Account page before releasing to users. ## Quick Start Ask the AI to run the detailed notes component test against your authenticated Salesforce org and report the results.

Frequently Asked Questions about test-detailed-notes

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I test a Salesforce LWC component with Playwright?

Use npx playwright-cli to open the org's frontdoor URL from sf org open --url-only, navigate to the record page, then snapshot, click, and fill elements to exercise the component. This Skill automates that flow for the Detailed Notes component on Account pages.

How to automate end-to-end testing of Salesforce Lightning components?

Authenticate an org with the Salesforce CLI, obtain a login URL via sf org open --url-only, and drive a headed browser with playwright-cli commands. The test covers viewing, editing, creating, and deleting notes with PASS/FAIL reporting per step.

Why can't Playwright select the Salesforce rich text editor by ref?

The rich text body in this LWC is not a standard contenteditable element accessible by snapshot ref. You must click it by screen coordinates using mousemove, mousedown, and mouseup, then type into it.

What prerequisites are needed to run Salesforce component browser tests?

You need an authenticated Salesforce org with at least one Account record, the detailedNotes LWC deployed to the Account page layout, and playwright-cli available through npx. The playwright-cli binary is not globally installed, so always prefix commands with npx.

Does the delete note action show a confirmation dialog?

No, delete is immediate with no confirmation dialog, and the note disappears instantly from the list. The test verifies the note is gone and the detail pane shows the empty selection message.