feat: allow setValue to set values to contenteditable divs

[Tardigrada777]

Implements #2390

Support setValue for contenteditable Elements

Summary

This PR extends the DOMWrapper.setValue method to support elements with the contenteditable attribute (such as <div contenteditable="true">). Previously, setValue was only applicable to form inputs, textareas, and selects. With this change, users can now easily set the inner HTML of contenteditable elements in their tests, and trigger the expected input and change events.

Details

• New logic in setValue:
  When called on a DIV with the contenteditable attribute, setValue updates the element’s innerHTML, triggers both input and change events, and supports any value (object values will be stringified).
• Error handling:
  If setValue is called on an unsupported element, an error is still thrown as before.
• Tests:
  Added a dedicated test case to verify that setValue properly updates a contenteditable element’s inner HTML and triggers the appropriate events.

Motivation

Rich text editors and other contenteditable-based components are common in modern web apps. This enhancement allows for more robust and expressive testing of these components, improving DX and test reliability.

Example Usage

const wrapper = mount(Comp)
const editable = wrapper.find('div[contenteditable]')
await editable.setValue('<b>Bold</b>')
expect(editable.element.innerHTML).toBe('<b>Bold</b>')

[netlify]

✅ Deploy Preview for vue-test-utils-docs ready!

Name	Link
🔨 Latest commit	ec401ab
🔍 Latest deploy log	https://app.netlify.com/projects/vue-test-utils-docs/deploys/6843e2c4a987af0008eb40d2
😎 Deploy Preview	https://deploy-preview-2671--vue-test-utils-docs.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify project configuration.