rsnext/test/unit/eslint-plugin-next/no-title-in-document-head.test.ts
JJ Kasper 005b13f1ac
Move unit tests to one folder and migrate them to TypeScript (#28427)
* Move unit tests to one folder

* Migrate unit tests to TypeScript

* add test types to lint

* Ensure ts(x) tests are run with util

* Add tsx extension to jest config

* bump
2021-08-24 07:52:45 -05:00

69 lines
1.3 KiB
TypeScript

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',
ecmaFeatures: {
modules: true,
jsx: true,
},
},
})
const ruleTester = new RuleTester()
ruleTester.run('no-title-in-document-head', rule, {
valid: [
`import Head from "next/head";
class Test {
render() {
return (
<Head>
<title>My page title</title>
</Head>
);
}
}`,
`import Document, { Html, Head } from "next/document";
class MyDocument extends Document {
render() {
return (
<Html>
<Head>
</Head>
</Html>
);
}
}
export default MyDocument;
`,
],
invalid: [
{
code: `
import { Head } from "next/document";
class Test {
render() {
return (
<Head>
<title>My page title</title>
</Head>
);
}
}`,
errors: [
{
message:
'Titles should be defined at the page-level using next/head. See https://nextjs.org/docs/messages/no-title-in-document-head.',
type: 'JSXElement',
},
],
},
],
})