skills.rest
jiten-singh-shahi
jiten-singh-shahiCOMMUNITY
Explore all skills by this author →
GitHub

sf-lwc-testing

Write and debug LWC Jest tests with component mounting and Apex mocking.

13|2|Updated Mar 18, 2026
Search Tags:#testing#jest#component-testing#testing-patterns#lwc#wire-mocking#apex-mocking
One-click install
npx skills add https://github.com/jiten-singh-shahi/salesforce-claude-code --skill sf-lwc-testing
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: sf-lwc-testing
Source: https://github.com/jiten-singh-shahi/salesforce-claude-code/tree/main/.cursor/skills/sf-lwc-testing
Command: npx skills add https://github.com/jiten-singh-shahi/salesforce-claude-code --skill sf-lwc-testing

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill provides a dedicated framework for writing and debugging Lightning Web Components (LWC) tests using Jest. It covers component mounting, wire and Apex mocking, and user interaction verification to ensure reliable, deterministic test results.

Core Features & Use Cases

  • Component rendering and lifecycle validation
  • Wire adapter and Apex call mocking for isolated unit tests
  • Interaction simulation, toast/navigation verification, and test scaffolding for LWC projects

Quick Start

Install @salesforce/sfdx-lwc-jest, configure your test environment, and place your first tests under tests to begin testing.

Frequently Asked Questions about sf-lwc-testing

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

FAQPage Schema
How do I mock Apex calls in LWC Jest tests?▼

Mocking wire adapters in LWC Jest tests involves replacing Lightning Message Service or data provider adapters with custom test data. This ensures component lifecycle validation produces deterministic, isolated test results.

How do I mock wire adapters in LWC Jest tests?▼

Mocking wire adapters in LWC Jest tests involves replacing data provider adapters with custom test data payloads. This ensures component lifecycle validation produces deterministic, isolated unit test results.

What's the best way to simulate user interactions in Lightning Web Components testing?▼

Simulating user interactions in Lightning Web Components testing requires dispatching DOM events to mounted elements. This verifies interaction simulation, toast notifications, and navigation behavior within your Jest test suite.

Do I need @salesforce/sfdx-lwc-jest to run LWC component tests?▼

Yes, you need @salesforce/sfdx-lwc-jest along with a Node.js environment to run and validate LWC component tests. These dependencies provide the standard test patterns required for component rendering and mocking.

Why are my LWC Jest tests failing due to navigation or toast errors?▼

LWC Jest tests fail with navigation or toast errors when these services are not properly mocked in your test file. You must stub navigation and toast events to ensure reliable, deterministic test results.

Related Skills

Explore More Software Engineering Skills→
bhanu91221bhanu91221
2

lwc-testing

Standardize Jest-based testing patterns for Salesforce Lightning Web Components.

Community
Advanced
involvexinvolvex

javascript-typescript-jest

Write Jest tests for JavaScript and TypeScript with mocking and async patterns.

Community
Intermediate
JaganproJaganpro
423

sf-lwc

Scaffold Lightning Web Components with PICKLES architecture and Jest tests.

Community
Advanced
bobmatnycbobmatnyc
68

jest-typescript

Configure Jest with ts-jest for TypeScript testing.

Community
Intermediate