Convert test to typescript

test/integration/draft-mode/pages/another.js → test/integration/draft-mode/pages/another.tsx

@@ -1,6 +1,12 @@
 import Link from 'next/link'
+import type { GetStaticProps } from 'next'
 
-export function getStaticProps({ draftMode }) {
+type Props = {
+  random: number
+  draftMode: string
+}
+
+export const getStaticProps: GetStaticProps<Props> = ({ draftMode }) => {
   return {
     props: {
       random: Math.random(),
@@ -10,7 +16,7 @@ export function getStaticProps({ draftMode }) {
   }
 }
 
-export default function Another(props) {
+export default function Another(props: Props) {
   return (
     <>
       <h1>Another</h1>

test/integration/draft-mode/pages/api/disable.ts

@@ -0,0 +1,6 @@
+import type { NextApiRequest, NextApiResponse } from 'next'
+
+export default function handler(_req: NextApiRequest, res: NextApiResponse) {
+  res.setDraftMode({ enable: false })
+  res.end('Check your cookies...')
+}

test/integration/draft-mode/pages/api/enable.ts

@@ -0,0 +1,6 @@
+import type { NextApiRequest, NextApiResponse } from 'next'
+
+export default function handler(_req: NextApiRequest, res: NextApiResponse) {
+  res.setDraftMode({ enable: true })
+  res.end('Check your cookies...')
+}

test/integration/draft-mode/pages/api/read.ts

@@ -0,0 +1,6 @@
+import type { NextApiRequest, NextApiResponse } from 'next'
+
+export default (req: NextApiRequest, res: NextApiResponse) => {
+  const { draftMode } = req
+  res.json({ draftMode })
+}

test/integration/draft-mode/pages/index.js → test/integration/draft-mode/pages/index.tsx

@@ -1,7 +1,13 @@
 import { useState } from 'react'
 import Link from 'next/link'
+import type { GetStaticProps } from 'next'
 
-export function getStaticProps({ draftMode }) {
+type Props = {
+  random: number
+  draftMode: string
+}
+
+export const getStaticProps: GetStaticProps<Props> = ({ draftMode }) => {
   return {
     props: {
       random: Math.random(),
@@ -11,7 +17,7 @@ export function getStaticProps({ draftMode }) {
   }
 }
 
-export default function Home(props) {
+export default function Home(props: Props) {
   const [count, setCount] = useState(0)
   return (
     <>

test/integration/draft-mode/pages/ssp.js → test/integration/draft-mode/pages/ssp.tsx

@@ -1,6 +1,15 @@
 import Link from 'next/link'
+import type { GetServerSideProps } from 'next'
 
-export function getServerSideProps({ res, draftMode }) {
+type Props = {
+  random: number
+  draftMode: string
+}
+
+export const getServerSideProps: GetServerSideProps<Props> = async ({
+  res,
+  draftMode,
+}) => {
   // test override header
   res.setHeader('Cache-Control', 'public, max-age=3600')
   return {
@@ -11,7 +20,7 @@ export function getServerSideProps({ res, draftMode }) {
   }
 }
 
-export default function SSP(props) {
+export default function SSP(props: Props) {
   return (
     <>
       <h1>Server Side Props</h1>

test/integration/draft-mode/tsconfig.json

@@ -0,0 +1,19 @@
+{
+  "compilerOptions": {
+    "lib": ["dom", "dom.iterable", "esnext"],
+    "allowJs": true,
+    "skipLibCheck": true,
+    "strict": false,
+    "forceConsistentCasingInFileNames": true,
+    "noEmit": true,
+    "incremental": true,
+    "esModuleInterop": true,
+    "module": "esnext",
+    "moduleResolution": "node",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "jsx": "preserve"
+  },
+  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"],
+  "exclude": ["node_modules"]
+}