test: more work on integration tests

package.json

@@ -27,7 +27,7 @@
 		"lint:ci": "eslint .",
 		"prettier": "prettier --cache --write *.md \"./**/*.md\" *.json \"./**/*.json\"",
 		"prettier:ci": "prettier *.md \"./**/*.md\" *.json \"./**/*.json\"",
-		"types:check": "tsc --project ./jsconfig.json && echo 'types check done'",
+		"types:check": "tsc --project ./tsconfig.json && echo 'types check done'",
 		"prepare": "husky || echo \"husky not available\"",
 		"build": "npm run build -w=packages",
 		"docs": "npm run start -w docs",

packages/codemods/src/__test__/fixtures/extra-vars.js

@@ -0,0 +1,4 @@
+const fetchMock = require('fetch-mock');
+fetchMock.mock("blah", 200);
+fm1.mock("blah", 200);
+fm2.mock("blah", 200);

packages/codemods/src/__test__/fixtures/jsx.jsx

@@ -0,0 +1,2 @@
+import fetchMock from 'fetch-mock';
+fetchMock.mock("blah", <div>Content</div>);

packages/codemods/src/__test__/fixtures/typescript.ts

@@ -0,0 +1,4 @@
+import fetchMock from 'fetch-mock';
+function helper (res: number): {
+	fetchMock.mock("blah", res)
+};

packages/codemods/src/__test__/integration.test.js

@@ -1,12 +1,34 @@
 import { it, describe, expect } from 'vitest';
-import transformer from '../index';
+const util = require('node:util');
+const exec = util.promisify(require('node:child_process').exec);
 
 function expectCodemodResult(src, expected) {
 	expect(transformer({ source: src })).toEqual(expected);
 }
 
 describe('integration', () => {
-	it('allow passing in one or more variable names for fetch-mock', () => {
+
+	it('can operate on typescript', async () => {
+		const { stdout, stderr } = await exec('jscodeshift -d -t ./packages/codemods/src/index.js ./packages/codemods/src/__test__/fixtures/typescript.ts')
+		console.log({ stdout, stderr })
+// 		expectCodemodResult(
+// 			`import fetchMock from 'fetch-mock';
+// function helper (res: number): {
+// 	fetchMock.mock("blah", res)
+// };`
+// 			`import fetchMock from 'fetch-mock';
+// function helper (res: number): {
+// 	fetchMock.route("blah", res);
+// }`,
+// 		);
+	});
+	it('can operate on jsx', () => {
+		`import fetchMock from 'fetch-mock';
+	fetchMock.mock("blah", <div>Content</div>);`
+			`import fetchMock from 'fetch-mock';
+	fetchMock.route("blah", <div>Content</div>);`
+	});
+	it('allow passing in one or more additional variable names for fetch-mock', () => {
 		process.env.FM_VARIABLES = 'fm1,fm2';
 		expectCodemodResult(
 			`const fetchMock = require('fetch-mock');
@@ -18,9 +40,6 @@ fetchMock.route("blah", 200);
 fm1.route("blah", 200);
 fm2.route("blah", 200);`,
 		);
+		delete process.env.FM_VARIABLES
 	});
-	it('can operate on a js file', () => {});
-	it('can operate on a ts file', () => {});
-	it('can operate on a jsx file', () => {});
-	it('can operate on a tsx file', () => {});
 });

packages/codemods/src/index.js

@@ -40,7 +40,7 @@ export function codemod(source, variableName) {
 	return root.toSource();
 }
 
-export default function transformer(file) {
+export default function transformer(file, api) {
 	let modifiedSource = codemod(file.source);
 	if (process.env.FM_VARIABLES) {
 		const extraVariables = process.env.FM_VARIABLES.split(',');