fix: use different matcher to pass linter

Author: sebastianrothe

e2e/svelte-5/package.json

@@ -8,6 +8,7 @@
     "test:watch": "pnpm run test --watch"
   },
   "devDependencies": {
+    "@testing-library/jest-dom": "^6.4.5",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
     "svelte": "^5.0.0-next.139",
@@ -31,6 +32,9 @@
     "extensionsToTreatAsEsm": [
       ".svelte"
     ],
+    "setupFilesAfterEnv": [
+      "@testing-library/jest-dom"
+    ],
     "testEnvironment": "jsdom"
   }
 }

e2e/svelte-5/src/legacy.test.js

@@ -1,4 +1,3 @@
-import { test, afterEach } from '@jest/globals'
 import { mount, unmount, tick } from 'svelte'
 
 import Subject from './legacy.svelte'
@@ -18,7 +17,7 @@ test('render', () => {
 
   const button = document.querySelector('button')
 
-  expect(button).toBeInstanceOf(HTMLButtonElement)
+  expect(button).toHaveRole('button')
 })
 
 test('interaction', async () => {

e2e/svelte-5/src/modern.test.js

@@ -1,4 +1,3 @@
-import { test, afterEach } from '@jest/globals'
 import { mount, unmount, tick } from 'svelte'
 
 import Subject from './modern.svelte'
@@ -18,7 +17,7 @@ test('render', () => {
 
   const button = document.querySelector('button')
 
-  expect(button).toBeInstanceOf(HTMLButtonElement)
+  expect(button).toHaveRole('button')
 })
 
 test('interaction', async () => {