How to call onclick events written on div through jest (salesforce)?

• Ayaan
• Jul 04, 2025
• 0 answers
• 2 times viewed

I have created an LWC in Salesforce and am trying to creat Jest tests for it. I have implemented a div in html file and calling the js function using the onclick event as shown below.

<div class="csa-utility-svg" onclick={handleShowMoreClick} data-id="showMoreButton">
  <label class="card-text-cursor-pointer">{labels.showMore_button} </label>
</div>

element.shadowRoot.querySelector('div[data-id="showMoreButton"]').dispatchEvent(new CustomEvent('click'));

const showMoreButton = element.shadowRoot.querySelector('div\[data-id="showMoreButton"\]');
expect(showMoreBtn.length).toBeGreaterThan(0);   // real existence check
showMoreBtn\[0\].click();
    await flushPromises();
});

Add a comment