SF-PD2 User Interface Practice Question

Answer analysis

Option-by-option breakdown

For each option: why learners choose it and why it is or isn't the right answer here.

• ✗

  ShowToastEvent.dispatch(this, { title: 'Saved', message: 'Record saved successfully', variant: 'success' });

  Why it's wrong here

  ShowToastEvent does not have a static dispatch method. The correct way is to instantiate the event and dispatch it using this.dispatchEvent. Attempting to call ShowToastEvent.dispatch will result in an error because that method does not exist. The developer must create an instance of ShowToastEvent and dispatch it.

• ✓

  this.dispatchEvent(new ShowToastEvent({ title: 'Saved', message: 'Record saved successfully', variant: 'success' }));

  Why this is correct

  This code correctly creates a new ShowToastEvent with the required parameters: title, message, and variant. The variant 'success' displays a green success toast. Dispatching the event on the component instance using this.dispatchEvent is the standard way to show a toast in LWC. This is the correct and complete syntax.

• ✗

  this.dispatchEvent(new ShowToastEvent({ title: 'Saved', message: 'Record saved successfully' }));

  Why it's wrong here

  While this code creates a ShowToastEvent with title and message, it omits the variant property. Without a variant, the toast will default to 'info' (blue) rather than 'success' (green). The developer specifically wants a success toast, so the variant must be included. This option does not meet the requirement.

• ✗

  this.dispatchEvent(new ShowToastEvent('Saved', 'Record saved successfully', 'success'));

  Why it's wrong here

  The ShowToastEvent constructor expects a single object with properties, not positional arguments. Passing three separate arguments will not work and will likely throw an error or produce an incorrect toast. The correct syntax is to pass an object with title, message, and variant properties.