test: Switch tests to use .jsx file extension

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

@@ -1,5 +1,5 @@
 import { createElement as preactH } from 'preact';
-import React, { createElement, render, cloneElement } from 'preact/compat';
+import { createElement, render, cloneElement } from 'preact/compat';
 import { setupScratch, teardown } from '../../../test/_util/helpers';
 
 describe('compat cloneElement', () => {

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

@@ -1,5 +1,5 @@
 import { vnodeSpy, eventSpy } from '../../../test/_util/optionSpies';
-import React, {
+import {
 	createElement,
 	render,
 	Component,

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

@@ -1,4 +1,4 @@
-import React, { render, Component } from 'preact/compat';
+import { 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

@@ -1,8 +1,9 @@
 import { setupRerender } from 'preact/test-utils';
 import { setupScratch, teardown } from '../../../test/_util/helpers';
-import React, {
+import {
 	render,
 	createElement,
+	Fragment,
 	createContext,
 	Component,
 	useState,
@@ -45,7 +46,7 @@ describe('components', () => {
 		}
 
 		/**
-		 * @extends {React.Component<{children: any}, {location: string}>}
+		 * @extends {Component<{children: any}, {location: string}>}
 		 */
 		class Router extends Component {
 			constructor(props) {
@@ -70,7 +71,7 @@ describe('components', () => {
 		}
 
 		/**
-		 * @extends {React.Component<{children: any}>}
+		 * @extends {Component<{children: any}>}
 		 */
 		class Route extends Component {
 			render() {

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

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

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

@@ -1,4 +1,4 @@
-import React, { render, createElement, createFactory } from 'preact/compat';
+import { render, createElement, createFactory } from 'preact/compat';
 import { setupScratch, teardown } from '../../../test/_util/helpers';
 
 describe('createFactory', () => {

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

@@ -6,7 +6,7 @@ import {
 	supportsPassiveEvents
 } from '../../../test/_util/helpers';
 
-import React, { createElement } from 'preact/compat';
+import { createElement } from 'preact/compat';
 import { vi } from 'vitest';
 
 describe('preact/compat events', () => {

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

@@ -1,4 +1,4 @@
-import React, {
+import {
 	createElement,
 	render,
 	createRef,

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

@@ -1,5 +1,5 @@
 import { createContext } from 'preact';
-import React, {
+import {
 	createElement,
 	useDeferredValue,
 	useInsertionEffect,

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

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

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

@@ -1,5 +1,5 @@
 import { setupScratch, teardown } from '../../../test/_util/helpers';
-import React, { createElement, render } from 'preact/compat';
+import { createElement, render } from 'preact/compat';
 
 describe('Select', () => {
 	let scratch;

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;