Migrate unit tests to TypeScript

jest.config.js

@@ -1,5 +1,5 @@
 module.exports = {
-  testMatch: ['**/*.test.js'],
+  testMatch: ['**/*.test.js', '**/*.test.ts'],
   verbose: true,
   rootDir: 'test',
   modulePaths: ['<rootDir>/lib'],

package.json

@@ -10,6 +10,7 @@
     "lerna": "lerna",
     "dev": "lerna run dev --stream --parallel",
     "dev2": "while true; do yarn --check-files && yarn dev; done",
+    "test-types": "yarn tsc",
     "test-unit": "yarn jest test/unit/",
     "testonly": "yarn jest --runInBand",
     "testheadless": "cross-env HEADLESS=true yarn testonly",

test/unit/eslint-plugin-next/google-font-display.test.js → test/unit/eslint-plugin-next/google-font-display.test.ts

@@ -1,7 +1,6 @@
-const rule = require('@next/eslint-plugin-next/lib/rules/google-font-display')
-const RuleTester = require('eslint').RuleTester
-
-RuleTester.setDefaultConfig({
+import rule from '@next/eslint-plugin-next/lib/rules/google-font-display'
+import { RuleTester } from 'eslint'
+;(RuleTester as any).setDefaultConfig({
   parserOptions: {
     ecmaVersion: 2020,
     sourceType: 'module',
@@ -11,8 +10,8 @@ RuleTester.setDefaultConfig({
     },
   },
 })
+const ruleTester = new RuleTester()
 
-var ruleTester = new RuleTester()
 ruleTester.run('google-font-display', rule, {
   valid: [
     `import Head from "next/head";

test/unit/eslint-plugin-next/google-font-preconnect.test.js → test/unit/eslint-plugin-next/google-font-preconnect.test.ts

@@ -1,7 +1,6 @@
-const rule = require('@next/eslint-plugin-next/lib/rules/google-font-preconnect')
-const RuleTester = require('eslint').RuleTester
-
-RuleTester.setDefaultConfig({
+import rule from '@next/eslint-plugin-next/lib/rules/google-font-preconnect'
+import { RuleTester } from 'eslint'
+;(RuleTester as any).setDefaultConfig({
   parserOptions: {
     ecmaVersion: 2020,
     sourceType: 'module',
@@ -11,8 +10,8 @@ RuleTester.setDefaultConfig({
     },
   },
 })
+const ruleTester = new RuleTester()
 
-var ruleTester = new RuleTester()
 ruleTester.run('google-font-preconnect', rule, {
   valid: [
     `export const Test = () => (

test/unit/eslint-plugin-next/inline-script-id.test.js → test/unit/eslint-plugin-next/inline-script-id.test.ts

@@ -1,8 +1,6 @@
-const rule = require('@next/eslint-plugin-next/lib/rules/inline-script-id')
-
-const RuleTester = require('eslint').RuleTester
-
-RuleTester.setDefaultConfig({
+import rule from '@next/eslint-plugin-next/lib/rules/inline-script-id'
+import { RuleTester } from 'eslint'
+;(RuleTester as any).setDefaultConfig({
   parserOptions: {
     ecmaVersion: 2018,
     sourceType: 'module',

test/unit/eslint-plugin-next/link-passhref.test.js → test/unit/eslint-plugin-next/link-passhref.test.ts

@@ -1,7 +1,6 @@
-const rule = require('@next/eslint-plugin-next/lib/rules/link-passhref')
-const RuleTester = require('eslint').RuleTester
-
-RuleTester.setDefaultConfig({
+import rule from '@next/eslint-plugin-next/lib/rules/link-passhref'
+import { RuleTester } from 'eslint'
+;(RuleTester as any).setDefaultConfig({
   parserOptions: {
     ecmaVersion: 2018,
     sourceType: 'module',
@@ -11,8 +10,8 @@ RuleTester.setDefaultConfig({
     },
   },
 })
+const ruleTester = new RuleTester()
 
-var ruleTester = new RuleTester()
 ruleTester.run('link-passhref', rule, {
   valid: [
     `export const Home = () => (

test/unit/eslint-plugin-next/next-script-for-ga.test.js → test/unit/eslint-plugin-next/next-script-for-ga.test.ts

@@ -1,11 +1,6 @@
-const rule = require('@next/eslint-plugin-next/lib/rules/next-script-for-ga')
-
-const RuleTester = require('eslint').RuleTester
-
-const ERROR_MSG =
-  'Use the `next/script` component for loading third party scripts. See: https://nextjs.org/docs/messages/next-script-for-ga.'
-
-RuleTester.setDefaultConfig({
+import rule from '@next/eslint-plugin-next/lib/rules/next-script-for-ga'
+import { RuleTester } from 'eslint'
+;(RuleTester as any).setDefaultConfig({
   parserOptions: {
     ecmaVersion: 2018,
     sourceType: 'module',
@@ -16,7 +11,11 @@ RuleTester.setDefaultConfig({
   },
 })
 
-var ruleTester = new RuleTester()
+const ERROR_MSG =
+  'Use the `next/script` component for loading third party scripts. See: https://nextjs.org/docs/messages/next-script-for-ga.'
+
+const ruleTester = new RuleTester()
+
 ruleTester.run('sync-scripts', rule, {
   valid: [
     `import Script from 'next/script'

test/unit/eslint-plugin-next/no-css-tags.test.js → test/unit/eslint-plugin-next/no-css-tags.test.ts

@@ -1,7 +1,6 @@
-const rule = require('@next/eslint-plugin-next/lib/rules/no-css-tags')
-const RuleTester = require('eslint').RuleTester
-
-RuleTester.setDefaultConfig({
+import rule from '@next/eslint-plugin-next/lib/rules/no-css-tags'
+import { RuleTester } from 'eslint'
+;(RuleTester as any).setDefaultConfig({
   parserOptions: {
     ecmaVersion: 2018,
     sourceType: 'module',
@@ -11,8 +10,8 @@ RuleTester.setDefaultConfig({
     },
   },
 })
+const ruleTester = new RuleTester()
 
-var ruleTester = new RuleTester()
 ruleTester.run('no-css-tags', rule, {
   valid: [
     `import {Head} from 'next/document';

test/unit/eslint-plugin-next/no-document-import-in-page.test.js → test/unit/eslint-plugin-next/no-document-import-in-page.test.ts

@@ -1,8 +1,6 @@
-const rule = require('@next/eslint-plugin-next/lib/rules/no-document-import-in-page')
-
-const RuleTester = require('eslint').RuleTester
-
-RuleTester.setDefaultConfig({
+import rule from '@next/eslint-plugin-next/lib/rules/no-document-import-in-page'
+import { RuleTester } from 'eslint'
+;(RuleTester as any).setDefaultConfig({
   parserOptions: {
     ecmaVersion: 2018,
     sourceType: 'module',
@@ -12,8 +10,8 @@ RuleTester.setDefaultConfig({
     },
   },
 })
+const ruleTester = new RuleTester()
 
-var ruleTester = new RuleTester()
 ruleTester.run('no-document-import-in-page', rule, {
   valid: [
     {

test/unit/eslint-plugin-next/no-duplicate-head.test.js → test/unit/eslint-plugin-next/no-duplicate-head.test.ts

@@ -1,8 +1,6 @@
-const rule = require('@next/eslint-plugin-next/lib/rules/no-duplicate-head')
-
-const RuleTester = require('eslint').RuleTester
-
-RuleTester.setDefaultConfig({
+import rule from '@next/eslint-plugin-next/lib/rules/no-duplicate-head'
+import { RuleTester } from 'eslint'
+;(RuleTester as any).setDefaultConfig({
   parserOptions: {
     ecmaVersion: 2018,
     sourceType: 'module',
@@ -12,8 +10,8 @@ RuleTester.setDefaultConfig({
     },
   },
 })
+const ruleTester = new RuleTester()
 
-var ruleTester = new RuleTester()
 ruleTester.run('no-duplicate-head', rule, {
   valid: [
     {

test/unit/eslint-plugin-next/no-head-import-in-document.test.js → test/unit/eslint-plugin-next/no-head-import-in-document.test.ts

@@ -1,8 +1,6 @@
-const rule = require('@next/eslint-plugin-next/lib/rules/no-head-import-in-document')
-
-const RuleTester = require('eslint').RuleTester
-
-RuleTester.setDefaultConfig({
+import rule from '@next/eslint-plugin-next/lib/rules/no-head-import-in-document'
+import { RuleTester } from 'eslint'
+;(RuleTester as any).setDefaultConfig({
   parserOptions: {
     ecmaVersion: 2018,
     sourceType: 'module',
@@ -12,8 +10,8 @@ RuleTester.setDefaultConfig({
     },
   },
 })
+const ruleTester = new RuleTester()
 
-var ruleTester = new RuleTester()
 ruleTester.run('no-head-import-in-document', rule, {
   valid: [
     {

test/unit/eslint-plugin-next/no-html-link-for-pages.test.js → test/unit/eslint-plugin-next/no-html-link-for-pages.test.ts

@@ -1,11 +1,11 @@
 /* eslint-env jest */
-const rule = require('@next/eslint-plugin-next/lib/rules/no-html-link-for-pages')
-const { Linter } = require('eslint')
-const assert = require('assert')
-const path = require('path')
+import rule from '@next/eslint-plugin-next/lib/rules/no-html-link-for-pages'
+import { Linter } from 'eslint'
+import assert from 'assert'
+import path from 'path'
 
 const linter = new Linter({ cwd: __dirname })
-const linterConfig = {
+const linterConfig: any = {
   rules: {
     'no-html-link-for-pages': [2, path.join(__dirname, 'custom-pages')],
   },

test/unit/eslint-plugin-next/no-img-element.test.js → test/unit/eslint-plugin-next/no-img-element.test.ts

@@ -1,8 +1,6 @@
-const rule = require('@next/eslint-plugin-next/lib/rules/no-img-element')
-
-const RuleTester = require('eslint').RuleTester
-
-RuleTester.setDefaultConfig({
+import rule from '@next/eslint-plugin-next/lib/rules/no-img-element'
+import { RuleTester } from 'eslint'
+;(RuleTester as any).setDefaultConfig({
   parserOptions: {
     ecmaVersion: 2018,
     sourceType: 'module',
@@ -12,8 +10,8 @@ RuleTester.setDefaultConfig({
     },
   },
 })
+const ruleTester = new RuleTester()
 
-var ruleTester = new RuleTester()
 ruleTester.run('no-img-element', rule, {
   valid: [
     `import { Image } from 'next/image';

test/unit/eslint-plugin-next/no-page-custom-font.test.js → test/unit/eslint-plugin-next/no-page-custom-font.test.ts

@@ -1,18 +1,17 @@
-const rule = require('@next/eslint-plugin-next/lib/rules/no-page-custom-font')
-const RuleTester = require('eslint').RuleTester
-
-RuleTester.setDefaultConfig({
+import rule from '@next/eslint-plugin-next/lib/rules/no-page-custom-font'
+import { RuleTester } from 'eslint'
+;(RuleTester as any).setDefaultConfig({
   parserOptions: {
-    ecmaVersion: 2020,
+    ecmaVersion: 2018,
     sourceType: 'module',
     ecmaFeatures: {
       modules: true,
       jsx: true,
     },
   },
 })
+const ruleTester = new RuleTester()
 
-var ruleTester = new RuleTester()
 ruleTester.run('no-page-custom-font', rule, {
   valid: [
     `import Document, { Html, Head } from "next/document";

test/unit/eslint-plugin-next/no-script-in-document.test.js → test/unit/eslint-plugin-next/no-script-in-document.test.ts

@@ -1,8 +1,6 @@
-const rule = require('@next/eslint-plugin-next/lib/rules/no-script-in-document')
-
-const RuleTester = require('eslint').RuleTester
-
-RuleTester.setDefaultConfig({
+import rule from '@next/eslint-plugin-next/lib/rules/no-script-in-document'
+import { RuleTester } from 'eslint'
+;(RuleTester as any).setDefaultConfig({
   parserOptions: {
     ecmaVersion: 2018,
     sourceType: 'module',
@@ -12,8 +10,8 @@ RuleTester.setDefaultConfig({
     },
   },
 })
+const ruleTester = new RuleTester()
 
-var ruleTester = new RuleTester()
 ruleTester.run('no-script-import-in-document', rule, {
   valid: [
     {

test/unit/eslint-plugin-next/no-script-in-head.test.js → test/unit/eslint-plugin-next/no-script-in-head.test.ts

@@ -1,7 +1,6 @@
-const rule = require('@next/eslint-plugin-next/lib/rules/no-script-in-head.js')
-const RuleTester = require('eslint').RuleTester
-
-RuleTester.setDefaultConfig({
+import rule from '@next/eslint-plugin-next/lib/rules/no-script-in-head'
+import { RuleTester } from 'eslint'
+;(RuleTester as any).setDefaultConfig({
   parserOptions: {
     ecmaVersion: 2018,
     sourceType: 'module',
@@ -11,8 +10,8 @@ RuleTester.setDefaultConfig({
     },
   },
 })
+const ruleTester = new RuleTester()
 
-var ruleTester = new RuleTester()
 ruleTester.run('no-script-in-head', rule, {
   valid: [
     `import Script from "next/script";

test/unit/eslint-plugin-next/no-sync-scripts.test.js → test/unit/eslint-plugin-next/no-sync-scripts.test.ts

@@ -1,8 +1,6 @@
-const rule = require('@next/eslint-plugin-next/lib/rules/no-sync-scripts')
-
-const RuleTester = require('eslint').RuleTester
-
-RuleTester.setDefaultConfig({
+import rule from '@next/eslint-plugin-next/lib/rules/no-sync-scripts'
+import { RuleTester } from 'eslint'
+;(RuleTester as any).setDefaultConfig({
   parserOptions: {
     ecmaVersion: 2018,
     sourceType: 'module',
@@ -12,8 +10,8 @@ RuleTester.setDefaultConfig({
     },
   },
 })
+const ruleTester = new RuleTester()
 
-var ruleTester = new RuleTester()
 ruleTester.run('sync-scripts', rule, {
   valid: [
     `import {Head} from 'next/document';

test/unit/eslint-plugin-next/no-title-in-document-head.test.js → test/unit/eslint-plugin-next/no-title-in-document-head.test.ts

@@ -1,7 +1,6 @@
-const rule = require('@next/eslint-plugin-next/lib/rules/no-title-in-document-head')
-const RuleTester = require('eslint').RuleTester
-
-RuleTester.setDefaultConfig({
+import rule from '@next/eslint-plugin-next/lib/rules/no-title-in-document-head'
+import { RuleTester } from 'eslint'
+;(RuleTester as any).setDefaultConfig({
   parserOptions: {
     ecmaVersion: 2018,
     sourceType: 'module',
@@ -11,8 +10,8 @@ RuleTester.setDefaultConfig({
     },
   },
 })
+const ruleTester = new RuleTester()
 
-var ruleTester = new RuleTester()
 ruleTester.run('no-title-in-document-head', rule, {
   valid: [
     `import Head from "next/head";

test/unit/eslint-plugin-next/no-typos.test.js → test/unit/eslint-plugin-next/no-typos.test.ts

@@ -1,8 +1,6 @@
-const rule = require('@next/eslint-plugin-next/lib/rules/no-typos')
-
-const RuleTester = require('eslint').RuleTester
-
-RuleTester.setDefaultConfig({
+import rule from '@next/eslint-plugin-next/lib/rules/no-typos'
+import { RuleTester } from 'eslint'
+;(RuleTester as any).setDefaultConfig({
   parserOptions: {
     ecmaVersion: 2018,
     sourceType: 'module',
@@ -13,7 +11,8 @@ RuleTester.setDefaultConfig({
   },
 })
 
-var ruleTester = new RuleTester()
+const ruleTester = new RuleTester()
+
 ruleTester.run('no-typos', rule, {
   valid: [
     `