test: Switch tests to use .jsx file extension

compat/test/browser/componentDidCatch.test.js → compat/test/browser/componentDidCatch.test.jsx

@@ -1,4 +1,4 @@
-import React, { render, Component } from 'preact/compat';
+import React, { createElement, render, Component } from 'preact/compat';
 import { setupScratch, teardown } from '../../../test/_util/helpers';
 import { act } from 'preact/test-utils';
 

compat/test/browser/context.test.js → compat/test/browser/context.test.jsx

@@ -3,6 +3,7 @@ import { setupScratch, teardown } from '../../../test/_util/helpers';
 import React, {
 	render,
 	createElement,
+	Fragment,
 	createContext,
 	Component,
 	useState,

compat/test/browser/hydrate.test.js → compat/test/browser/hydrate.test.jsx

@@ -1,4 +1,4 @@
-import React, { hydrate } from 'preact/compat';
+import React, { createElement, hydrate } from 'preact/compat';
 import { setupScratch, teardown } from '../../../test/_util/helpers';
 import { vi } from 'vitest';
 

compat/test/browser/textarea.test.js → compat/test/browser/textarea.test.jsx

@@ -1,4 +1,4 @@
-import React, { render, hydrate, useState } from 'preact/compat';
+import React, { createElement, render, hydrate, useState } from 'preact/compat';
 import ReactDOMServer from 'preact/compat/server';
 import { setupScratch, teardown } from '../../../test/_util/helpers';
 import { act } from 'preact/test-utils';

debug/test/browser/component-stack-2.test.js → debug/test/browser/component-stack-2.test.jsx

@@ -3,8 +3,6 @@ import 'preact/debug';
 import { setupScratch, teardown } from '../../../test/_util/helpers';
 import { vi } from 'vitest';
 
-/** @jsx createElement */
-
 // This test is not part of component-stack.test.js to avoid it being
 // transpiled with '@babel/plugin-transform-react-jsx-source' enabled.
 

debug/test/browser/component-stack.test.js → debug/test/browser/component-stack.test.jsx

@@ -3,8 +3,6 @@ import 'preact/debug';
 import { vi } from 'vitest';
 import { setupScratch, teardown } from '../../../test/_util/helpers';
 
-/** @jsx createElement */
-
 describe('component stack', () => {
 	/** @type {HTMLDivElement} */
 	let scratch;

debug/test/browser/debug-compat.test.js → debug/test/browser/debug-compat.test.jsx

@@ -10,7 +10,6 @@ import { forwardRef, createPortal } from 'preact/compat';
 import { vi } from 'vitest';
 
 const h = createElement;
-/** @jsx createElement */
 
 describe('debug compat', () => {
 	let scratch;

debug/test/browser/debug-hooks.test.js → debug/test/browser/debug-hooks.test.jsx

@@ -5,8 +5,6 @@ import { act } from 'preact/test-utils';
 import { setupScratch, teardown } from '../../../test/_util/helpers';
 import { vi } from 'vitest';
 
-/** @jsx createElement */
-
 describe('debug with hooks', () => {
 	let scratch;
 	let errors = [];

debug/test/browser/debug-suspense.test.js → debug/test/browser/debug-suspense.test.jsx

@@ -8,8 +8,6 @@ import {
 } from '../../../test/_util/helpers';
 import { vi } from 'vitest';
 
-/** @jsx createElement */
-
 describe('debug with suspense', () => {
 	/** @type {HTMLDivElement} */
 	let scratch;

debug/test/browser/debug.options.test.js → debug/test/browser/debug.options.test.jsx

@@ -14,8 +14,6 @@ import 'preact/debug';
 import { setupScratch, teardown } from '../../../test/_util/helpers';
 import { vi } from 'vitest';
 
-/** @jsx createElement */
-
 describe('debug options', () => {
 	/** @type {HTMLDivElement} */
 	let scratch;

debug/test/browser/debug.test.js → debug/test/browser/debug.test.jsx

@@ -14,7 +14,6 @@ import { setupRerender } from 'preact/test-utils';
 import { vi } from 'vitest';
 
 const h = createElement;
-/** @jsx createElement */
 
 describe('debug', () => {
 	/** @type {HTMLDivElement} */

debug/test/browser/serializeVNode.test.js → debug/test/browser/serializeVNode.test.jsx

@@ -1,8 +1,6 @@
 import { createElement, Component } from 'preact';
 import { serializeVNode } from '../../src/debug';
 
-/** @jsx createElement */
-
 describe('serializeVNode', () => {
 	it("should prefer a function component's displayName", () => {
 		function Foo() {

debug/test/browser/validateHookArgs.test.js → debug/test/browser/validateHookArgs.test.jsx

@@ -12,8 +12,6 @@ import { setupScratch, teardown } from '../../../test/_util/helpers';
 import 'preact/debug';
 import { vi } from 'vitest';
 
-/** @jsx createElement */
-
 describe('Hook argument validation', () => {
 	/**
 	 * @param {string} name

devtools/test/browser/addHookName.test.js → devtools/test/browser/addHookName.test.jsx

@@ -4,8 +4,6 @@ import { useState } from 'preact/hooks';
 import { addHookName } from 'preact/devtools';
 import { vi } from 'vitest';
 
-/** @jsx createElement */
-
 describe('addHookName', () => {
 	/** @type {HTMLDivElement} */
 	let scratch;

hooks/test/browser/combinations.test.js → hooks/test/browser/combinations.test.jsx

@@ -13,8 +13,6 @@ import {
 import { scheduleEffectAssert } from '../_util/useEffectUtil';
 import { vi } from 'vitest';
 
-/** @jsx createElement */
-
 describe('combinations', () => {
 	/** @type {HTMLDivElement} */
 	let scratch;

hooks/test/browser/componentDidCatch.test.js → hooks/test/browser/componentDidCatch.test.jsx

@@ -3,8 +3,6 @@ import { act } from 'preact/test-utils';
 import { setupScratch, teardown } from '../../../test/_util/helpers';
 import { useEffect } from 'preact/hooks';
 
-/** @jsx createElement */
-
 describe('errorInfo', () => {
 	/** @type {HTMLDivElement} */
 	let scratch;

hooks/test/browser/errorBoundary.test.js → hooks/test/browser/errorBoundary.test.jsx

@@ -4,8 +4,6 @@ import { useErrorBoundary, useLayoutEffect, useState } from 'preact/hooks';
 import { setupRerender } from 'preact/test-utils';
 import { vi } from 'vitest';
 
-/** @jsx createElement */
-
 describe('errorBoundary', () => {
 	/** @type {HTMLDivElement} */
 	let scratch, rerender;

hooks/test/browser/hooks.options.test.js → hooks/test/browser/hooks.options.test.jsx

@@ -22,8 +22,6 @@ import {
 } from 'preact/hooks';
 import { vi } from 'vitest';
 
-/** @jsx createElement */
-
 describe('hook options', () => {
 	/** @type {HTMLDivElement} */
 	let scratch;

hooks/test/browser/useCallback.test.js → hooks/test/browser/useCallback.test.jsx

@@ -2,8 +2,6 @@ import { createElement, render } from 'preact';
 import { setupScratch, teardown } from '../../../test/_util/helpers';
 import { useCallback } from 'preact/hooks';
 
-/** @jsx createElement */
-
 describe('useCallback', () => {
 	/** @type {HTMLDivElement} */
 	let scratch;

hooks/test/browser/useContext.test.js → hooks/test/browser/useContext.test.jsx

@@ -4,8 +4,6 @@ import { setupScratch, teardown } from '../../../test/_util/helpers';
 import { useContext, useEffect, useState } from 'preact/hooks';
 import { vi } from 'vitest';
 
-/** @jsx createElement */
-
 describe('useContext', () => {
 	/** @type {HTMLDivElement} */
 	let scratch;

hooks/test/browser/useDebugValue.test.js → hooks/test/browser/useDebugValue.test.jsx

@@ -3,8 +3,6 @@ import { setupScratch, teardown } from '../../../test/_util/helpers';
 import { useDebugValue, useState } from 'preact/hooks';
 import { vi } from 'vitest';
 
-/** @jsx createElement */
-
 describe('useDebugValue', () => {
 	/** @type {HTMLDivElement} */
 	let scratch;

hooks/test/browser/useEffect.test.js → hooks/test/browser/useEffect.test.jsx

@@ -6,8 +6,6 @@ import { useEffectAssertions } from './useEffectAssertions';
 import { scheduleEffectAssert } from '../_util/useEffectUtil';
 import { vi } from 'vitest';
 
-/** @jsx createElement */
-
 describe('useEffect', () => {
 	/** @type {HTMLDivElement} */
 	let scratch;

hooks/test/browser/useEffectAssertions.js → hooks/test/browser/useEffectAssertions.jsx

@@ -3,8 +3,6 @@ import { createElement, render } from 'preact';
 import { setupScratch, teardown } from '../../../test/_util/helpers';
 import { vi } from 'vitest';
 
-/** @jsx createElement */
-
 // Common behaviors between all effect hooks
 export function useEffectAssertions(useEffect, scheduleEffectAssert) {
 	/** @type {HTMLDivElement} */

hooks/test/browser/useId.test.js → hooks/test/browser/useId.test.jsx

@@ -4,8 +4,6 @@ import { setupRerender } from 'preact/test-utils';
 import { render as rts } from 'preact-render-to-string';
 import { setupScratch, teardown } from '../../../test/_util/helpers';
 
-/** @jsx createElement */
-
 describe('useId', () => {
 	/** @type {HTMLDivElement} */
 	let scratch, rerender;

hooks/test/browser/useImperativeHandle.test.js → hooks/test/browser/useImperativeHandle.test.jsx

@@ -4,8 +4,6 @@ import { useImperativeHandle, useRef, useState } from 'preact/hooks';
 import { setupRerender } from 'preact/test-utils';
 import { vi } from 'vitest';
 
-/** @jsx createElement */
-
 describe('useImperativeHandle', () => {
 	/** @type {HTMLDivElement} */
 	let scratch;

hooks/test/browser/useLayoutEffect.test.js → hooks/test/browser/useLayoutEffect.test.jsx

@@ -9,8 +9,6 @@ import { useEffectAssertions } from './useEffectAssertions';
 import { useLayoutEffect, useRef, useState } from 'preact/hooks';
 import { vi } from 'vitest';
 
-/** @jsx createElement */
-
 describe('useLayoutEffect', () => {
 	/** @type {HTMLDivElement} */
 	let scratch;

hooks/test/browser/useMemo.test.js → hooks/test/browser/useMemo.test.jsx

@@ -4,8 +4,6 @@ import { useMemo, useState } from 'preact/hooks';
 import { act } from 'preact/test-utils';
 import { vi } from 'vitest';
 
-/** @jsx createElement */
-
 describe('useMemo', () => {
 	/** @type {HTMLDivElement} */
 	let scratch;

hooks/test/browser/useReducer.test.js → hooks/test/browser/useReducer.test.jsx

@@ -3,8 +3,6 @@ import { createElement, render, createContext } from 'preact';
 import { setupScratch, teardown } from '../../../test/_util/helpers';
 import { useReducer, useEffect, useContext } from 'preact/hooks';
 
-/** @jsx createElement */
-
 describe('useReducer', () => {
 	/** @type {HTMLDivElement} */
 	let scratch;

hooks/test/browser/useRef.test.js → hooks/test/browser/useRef.test.jsx

@@ -2,8 +2,6 @@ import { createElement, render } from 'preact';
 import { setupScratch, teardown } from '../../../test/_util/helpers';
 import { useRef } from 'preact/hooks';
 
-/** @jsx createElement */
-
 describe('useRef', () => {
 	/** @type {HTMLDivElement} */
 	let scratch;

hooks/test/browser/useState.test.js → hooks/test/browser/useState.test.jsx

@@ -4,8 +4,6 @@ import { vi } from 'vitest';
 import { useState, useContext, useEffect } from 'preact/hooks';
 import { setupScratch, teardown } from '../../../test/_util/helpers';
 
-/** @jsx createElement */
-
 describe('useState', () => {
 	/** @type {HTMLDivElement} */
 	let scratch;

jsconfig-lint.json

@@ -3,7 +3,7 @@
   "compilerOptions": {
     "skipLibCheck": true,
     "noEmit": true,
-    "typeRoots": ["./node_modules/@types", "./types"]
+    "typeRoots": ["./node_modules/@types", "./node_modules", "./types"]
   },
   "include": [
     "src/**/*",

jsconfig.json

@@ -14,7 +14,8 @@
     },
     "target": "es5",
     "noEmit": true,
-    "skipLibCheck": false
+    "skipLibCheck": false,
+    "types": ["vitest/globals"]
   },
   "exclude": ["**/node_modules/**", "**/dist/**", "coverage", "demo"]
 }

test-utils/test/shared/act.test.js → test-utils/test/shared/act.test.jsx

@@ -4,8 +4,6 @@ import { act } from 'preact/test-utils';
 import { setupScratch, teardown } from '../../../test/_util/helpers';
 import { vi } from 'vitest';
 
-/** @jsx createElement */
-
 // IE11 doesn't support `new Event()`
 function createEvent(name) {
 	if (typeof Event == 'function') return new Event(name);

test-utils/test/shared/rerender.test.js → test-utils/test/shared/rerender.test.jsx

@@ -2,8 +2,6 @@ import { options, createElement, render, Component } from 'preact';
 import { teardown, setupRerender } from 'preact/test-utils';
 import { vi } from 'vitest';
 
-/** @jsx createElement */
-
 describe('setupRerender & teardown', () => {
 	/** @type {HTMLDivElement} */
 	let scratch;

test/browser/cloneElement.test.js → test/browser/cloneElement.test.jsx

@@ -1,7 +1,5 @@
 import { createElement, cloneElement, createRef } from 'preact';
 
-/** @jsx createElement */
-
 describe('cloneElement', () => {
 	it('should clone components', () => {
 		function Comp() {}

test/browser/components.test.js → test/browser/components.test.jsx

@@ -10,7 +10,6 @@ import {
 } from '../_util/helpers';
 import { vi } from 'vitest';
 
-/** @jsx createElement */
 const h = createElement;
 
 function getAttributes(node) {

test/browser/context.test.js → test/browser/context.test.jsx

@@ -2,8 +2,6 @@ import { createElement, render, Component, Fragment } from 'preact';
 import { setupScratch, teardown } from '../_util/helpers';
 import { vi } from 'vitest';
 
-/** @jsx createElement */
-
 describe('context', () => {
 	let scratch;
 

test/browser/createContext.test.js → test/browser/createContext.test.jsx

@@ -9,8 +9,6 @@ import {
 import { setupScratch, teardown } from '../_util/helpers';
 import { vi } from 'vitest';
 
-/** @jsx createElement */
-
 describe('createContext', () => {
 	let scratch;
 	let rerender;

test/browser/customBuiltInElements.test.js → test/browser/customBuiltInElements.test.jsx

@@ -2,8 +2,6 @@ import { createElement, render, Component } from 'preact';
 import { setupScratch, teardown } from '../_util/helpers';
 import { vi } from 'vitest';
 
-/** @jsx createElement */
-
 const runSuite = typeof customElements == 'undefined' ? xdescribe : describe;
 
 runSuite('customised built-in elements', () => {

test/browser/events.test.js → test/browser/events.test.jsx

@@ -6,8 +6,6 @@ import {
 } from '../_util/helpers';
 import { vi } from 'vitest';
 
-/** @jsx createElement */
-
 describe('event handling', () => {
 	let scratch, proto;
 

test/browser/focus.test.js → test/browser/focus.test.jsx

@@ -3,7 +3,6 @@ import { createElement, render, Component, Fragment, hydrate } from 'preact';
 import { setupScratch, teardown } from '../_util/helpers';
 import { div, span, input as inputStr, h1, h2 } from '../_util/dom';
 
-/** @jsx createElement */
 /* eslint-disable react/jsx-boolean-value */
 
 describe('focus', () => {

test/browser/fragments.test.js → test/browser/fragments.test.jsx

@@ -10,7 +10,6 @@ import { setupScratch, teardown } from '../_util/helpers';
 import { span, div, ul, ol, li, section } from '../_util/dom';
 import { logCall, clearLog, getLog } from '../_util/logCall';
 
-/** @jsx createElement */
 /* eslint-disable react/jsx-boolean-value */
 
 describe('Fragment', () => {

test/browser/getDomSibling.test.js → test/browser/getDomSibling.test.jsx

@@ -2,8 +2,6 @@
 import { getDomSibling } from '../../src/component';
 import { setupScratch, teardown } from '../_util/helpers';
 
-/** @jsx createElement */
-
 describe('getDomSibling', () => {
 	/** @type {HTMLDivElement} */
 	let scratch;
@@ -20,7 +18,7 @@
 
 	it('should find direct sibling', () => {
 		render(
 			<div>
 				<div>A</div>
 				<div>B</div>
 			</div>,
@@ -28,7 +26,7 @@
 		);
 		let vnode = getRoot(scratch)._children[0]._children[0];
 		expect(getDomSibling(vnode)).to.equalNode(scratch.firstChild.childNodes[1]);
 	});
 
 	it('should find direct text node sibling', () => {
 		render(
@@ -36,13 +34,13 @@
 				<div>A</div>B
 			</div>,
 			scratch
 		);
 		let vnode = getRoot(scratch)._children[0]._children[0];
 		expect(getDomSibling(vnode)).to.equalNode(scratch.firstChild.childNodes[1]);
 	});
 
 	it('should find nested text node sibling', () => {
 		render(
 			<div>
 				<Fragment>
 					<div>A</div>
@@ -59,7 +57,7 @@
 		render(<div>A{null}B</div>, scratch);
 		let vnode = getRoot(scratch)._children[0]._children[0];
 		expect(getDomSibling(vnode)).to.equalNode(scratch.firstChild.childNodes[1]);
 	});
 
 	it('should find sibling with placeholder', () => {
 		render(
@@ -91,7 +89,7 @@
 		expect(getDomSibling(vnode)).to.equalNode(scratch.firstChild.childNodes[1]);
 	});
 
 	it('should find sibling in parent', () => {
 		render(
 			<div>
 				<Fragment>
@@ -101,7 +99,7 @@
 			</div>,
 			scratch
 		);
 		let vnode = getRoot(scratch)._children[0]._children[0]._children[0];
 		expect(getDomSibling(vnode)).to.equalNode(scratch.firstChild.childNodes[1]);
 	});
 

test/browser/hydrate.test.js → test/browser/hydrate.test.jsx

@@ -12,8 +12,6 @@ import { ul, li, div } from '../_util/dom';
 import { logCall, clearLog, getLog } from '../_util/logCall';
 import { vi } from 'vitest';
 
-/** @jsx createElement */
-
 describe('hydrate()', () => {
 	/** @type {HTMLElement} */
 	let scratch;

test/browser/keys.test.js → test/browser/keys.test.jsx

@@ -5,8 +5,6 @@ import { logCall, clearLog, getLog } from '../_util/logCall';
 import { div } from '../_util/dom';
 import { vi } from 'vitest';
 
-/** @jsx createElement */
-
 describe('keys', () => {
 	/** @type {HTMLDivElement} */
 	let scratch;

test/browser/lifecycles/componentDidCatch.test.js → test/browser/lifecycles/componentDidCatch.test.jsx

@@ -3,8 +3,6 @@ import { createElement, render, Component, Fragment } from 'preact';
 import { setupScratch, teardown } from '../../_util/helpers';
 import { vi, expect } from 'vitest';
 
-/** @jsx createElement */
-
 describe('Lifecycle methods', () => {
 	/* eslint-disable react/display-name */