Merge pull request #368 from preactjs/jsx-extension

chore: use `.jsx` extension for files with JSX

Author: marvinhagemeister

test/compat/async.test.jsx

@@ -2,7 +2,7 @@ import { renderToStringAsync } from '../../src/index.js';
 import { h } from 'preact';
 import { Suspense, useId } from 'preact/compat';
 import { expect } from 'chai';
-import { createSuspender } from '../utils.js';
+import { createSuspender } from '../utils.jsx';
 
 describe('Async renderToString', () => {
 	it('should render JSX after a suspense boundary', async () => {
@@ -26,14 +26,10 @@ describe('Async renderToString', () => {
 	});
 
 	it('should render JSX with nested suspended components', async () => {
-		const {
-			Suspender: SuspenderOne,
-			suspended: suspendedOne
-		} = createSuspender();
-		const {
-			Suspender: SuspenderTwo,
-			suspended: suspendedTwo
-		} = createSuspender();
+		const { Suspender: SuspenderOne, suspended: suspendedOne } =
+			createSuspender();
+		const { Suspender: SuspenderTwo, suspended: suspendedTwo } =
+			createSuspender();
 
 		const promise = renderToStringAsync(
 			<ul>
@@ -60,14 +56,10 @@ describe('Async renderToString', () => {
 	});
 
 	it('should render JSX with nested suspense boundaries', async () => {
-		const {
-			Suspender: SuspenderOne,
-			suspended: suspendedOne
-		} = createSuspender();
-		const {
-			Suspender: SuspenderTwo,
-			suspended: suspendedTwo
-		} = createSuspender();
+		const { Suspender: SuspenderOne, suspended: suspendedOne } =
+			createSuspender();
+		const { Suspender: SuspenderTwo, suspended: suspendedTwo } =
+			createSuspender();
 
 		const promise = renderToStringAsync(
 			<ul>
@@ -96,18 +88,12 @@ describe('Async renderToString', () => {
 	});
 
 	it('should render JSX with multiple suspended direct children within a single suspense boundary', async () => {
-		const {
-			Suspender: SuspenderOne,
-			suspended: suspendedOne
-		} = createSuspender();
-		const {
-			Suspender: SuspenderTwo,
-			suspended: suspendedTwo
-		} = createSuspender();
-		const {
-			Suspender: SuspenderThree,
-			suspended: suspendedThree
-		} = createSuspender();
+		const { Suspender: SuspenderOne, suspended: suspendedOne } =
+			createSuspender();
+		const { Suspender: SuspenderTwo, suspended: suspendedTwo } =
+			createSuspender();
+		const { Suspender: SuspenderThree, suspended: suspendedThree } =
+			createSuspender();
 
 		const promise = renderToStringAsync(
 			<ul>

test/context.test.jsx

@@ -1,7 +1,7 @@
 import render from '../src/jsx.js';
 import { h, createContext, Component } from 'preact';
 import { expect } from 'chai';
-import { dedent } from './utils.js';
+import { dedent } from './utils.jsx';
 
 describe('context', () => {
 	let renderJsx = (jsx, opts) => render(jsx, null, opts).replace(/ {2}/g, '\t');

test/jsx.test.jsx

@@ -1,7 +1,7 @@
 import render from '../src/jsx.js';
 import { h } from 'preact';
 import { expect } from 'chai';
-import { dedent } from './utils.js';
+import { dedent } from './utils.jsx';
 
 describe('jsx', () => {
 	let renderJsx = (jsx, opts) => render(jsx, null, opts).replace(/ {2}/g, '\t');

test/pretty.test.jsx

@@ -2,7 +2,7 @@ import basicRender from '../src/index.js';
 import { render } from '../src/jsx.js';
 import { h, Fragment } from 'preact';
 import { expect } from 'chai';
-import { dedent, svgAttributes, htmlAttributes } from './utils.js';
+import { dedent, svgAttributes, htmlAttributes } from './utils.jsx';
 
 describe('pretty', () => {
 	let prettyRender = (jsx, opts) => render(jsx, {}, { pretty: true, ...opts });

test/render.test.jsx

@@ -19,7 +19,7 @@ import {
 } from 'preact/hooks';
 import { expect } from 'chai';
 import { spy, stub, match } from 'sinon';
-import { svgAttributes, htmlAttributes } from './utils.js';
+import { svgAttributes, htmlAttributes } from './utils.jsx';
 
 function shallowRender(vnode) {
 	const context = {};