2022-04-21 23:15:53 +02:00
import rule from '@next/eslint-plugin-next/lib/rules/no-before-interactive-script-outside-document'
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-before-interactive-script-outside-document' , rule , {
valid : [
{
code : `
import Document , { Html , Main , NextScript } from 'next/document'
import Script from 'next/script'
class MyDocument extends Document {
render() {
return (
< Html >
< Head >
< meta charSet = "utf-8" / >
< / Head >
< body >
< Main / >
< NextScript / >
< Script
id = "scriptBeforeInteractive"
src = "https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.20/lodash.min.js?a=scriptBeforeInteractive"
strategy = "beforeInteractive"
> < / Script >
< / body >
< / Html >
)
}
}
export default MyDocument
` ,
filename : 'pages/_document.js' ,
} ,
{
code : `
import Document , { Html , Main , NextScript } from 'next/document'
import ScriptComponent from 'next/script'
class MyDocument extends Document {
render() {
return (
< Html >
< Head >
< meta charSet = "utf-8" / >
< / Head >
< body >
< Main / >
< NextScript / >
< ScriptComponent
id = "scriptBeforeInteractive"
src = "https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.20/lodash.min.js?a=scriptBeforeInteractive"
strategy = "beforeInteractive"
> < / ScriptComponent >
< / body >
< / Html >
)
}
}
2022-05-17 19:09:31 +02:00
export default MyDocument
` ,
filename : 'pages/_document.tsx' ,
} ,
{
code : `
import Document , { Html , Main , NextScript } from 'next/document'
import ScriptComponent from 'next/script'
class MyDocument extends Document {
render() {
return (
< Html >
< Head >
< meta charSet = "utf-8" / >
< / Head >
< body >
< Main / >
< NextScript / >
< ScriptComponent
id = "scriptBeforeInteractive"
src = "https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.20/lodash.min.js?a=scriptBeforeInteractive"
> < / ScriptComponent >
< / body >
< / Html >
)
}
}
2022-04-21 23:15:53 +02:00
export default MyDocument
` ,
filename : 'pages/_document.tsx' ,
} ,
] ,
invalid : [
{
code : `
import Head from "next/head" ;
import Script from "next/script" ;
export default function Index() {
return (
< Script
id = "scriptBeforeInteractive"
src = "https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.20/lodash.min.js?a=scriptBeforeInteractive"
strategy = "beforeInteractive"
> < / Script >
) ;
} ` ,
filename : 'pages/index.js' ,
errors : [
{
message :
'next/script beforeInteractive strategy should only be used inside next/_document. See: https://nextjs.org/docs/messages/no-before-interactive-script-outside-document' ,
} ,
] ,
} ,
] ,
} )
