docs(svelte-testing-library): add event, slot, binding, context examples

[mcous]

Overview

We've got a few tickets over in svelte-testing-library asking for how to test certain things. This PR adds examples for all the open requests:

• Closes Testing slots? svelte-testing-library#48
• Closes How to test two way data-binding? svelte-testing-library#117
• Closes How to test events being fired svelte-testing-library#178
• Closes typescript & documentation svelte-testing-library#211
• Closes Meta: docs updates svelte-testing-library#296

I've tested these examples and they all seem to be working, but I'm not the world's best speller nor typist, so any help catching typos is very much appreciated!

Change log

• Update basic example based on updated setup instructions in docs(svelte-testing-library): update vitest and jest setup instructions #1360
• Add example for testing events with both on:xyz and function props
• Add example for testing slots
• Add example for testing two-way data binding
• Add example for testing components that use context

[netlify]

✅ Deploy Preview for testing-library ready!

Name	Link
🔨 Latest commit	b21b0db
🔍 Latest deploy log	https://app.netlify.com/sites/testing-library/deploys/65cbcee6bae4170009ffe56c
😎 Deploy Preview	https://deploy-preview-1366--testing-library.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 site configuration.

[timdeschryver]

Thanks again!
Not related to the PR, but I think it could also be useful to show how to "register" the jest-dom matchers so they can be used with Vitest.

[mcous]

Thanks for the review @timdeschryver! Will incorporate those suggestions.

Not related to the PR, but I think it could also be useful to show how to "register" the jest-dom matchers so they can be used with Vitest.

Those instructions are covered in the setup docs, updated in #1360. Do you think there needs to be an additional callout and/or additional information?

2. Add a vitest-setup.js file to optionally set up automatic post-test cleanup and @testing-library/jest-dom expect matchers.

import '@testing-library/svelte/vitest'
import '@testing-library/jest-dom/vitest'

[timdeschryver]

@mcous oops I missed that.
It's fine like this, thanks!

[mcous]

@yanick if you got a sec, I could use your eyes on this one, too, to close out a big chunk of our backlog

[yanick]

⭐