Added Next.js + Cypress test (#4)

package.json

@@ -6,6 +6,7 @@
     "test": "pnpm -r --workspace-concurrency 1 --filter=./playgrounds/* test",
     "test:cjs": "pnpm -r --workspace-concurrency 1 --filter=./playgrounds/cjs test",
     "test:esm": "pnpm -r --workspace-concurrency 1 --filter=./playgrounds/esm test",
+    "test:nextjs": "pnpm -r --workspace-concurrency 1 --filter=./playgrounds/nextjs test",
     "compile": "pnpm -r --workspace-concurrency 1 --filter=./playgrounds/* compile"
   },
   "devDependencies": {

playgrounds/nextjs/.gitignore

@@ -0,0 +1 @@
+.next

playgrounds/nextjs/cypress.config.ts

@@ -0,0 +1,9 @@
+import { defineConfig } from 'cypress';
+
+export default defineConfig({
+  e2e: {
+    baseUrl: 'https://www.google.com',
+    supportFile: false,
+    video: false,
+  },
+});

playgrounds/nextjs/cypress/e2e/sample.cy.ts

@@ -0,0 +1,15 @@
+import { faker } from '@faker-js/faker';
+
+describe('Search', () => {
+  it('should search for random word', () => {
+    const word = faker.word.noun();
+
+    cy.visit('https://google.com');
+
+    cy.get('input[name="q"]').type(word);
+
+    cy.get('form[role="search"]').submit();
+
+    cy.url().should('include', `https://www.google.com/search?q=${word}`);
+  });
+});

playgrounds/nextjs/next-env.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="next" />
+/// <reference types="next/image-types/global" />
+
+// NOTE: This file should not be edited
+// see https://nextjs.org/docs/basic-features/typescript for more information.

playgrounds/nextjs/package.json

@@ -0,0 +1,28 @@
+{
+  "name": "faker-nextjs-test",
+  "version": "0.1.0",
+  "private": true,
+  "scripts": {
+    "dev": "next dev",
+    "build": "next build",
+    "start": "next start",
+    "lint": "next lint",
+    "compile": "next build",
+    "test": "cypress run"
+  },
+  "dependencies": {
+    "next": "12.1.6",
+    "react": "18.1.0",
+    "react-dom": "18.1.0"
+  },
+  "devDependencies": {
+    "@faker-js/faker": "7.2.0",
+    "@types/node": "17.0.40",
+    "@types/react": "18.0.12",
+    "@types/react-dom": "18.0.5",
+    "cypress": "10.0.3",
+    "eslint": "8.17.0",
+    "eslint-config-next": "12.1.6",
+    "typescript": "4.7.3"
+  }
+}

playgrounds/nextjs/pages/_app.tsx

@@ -0,0 +1,7 @@
+import type { AppProps } from 'next/app';
+
+function MyApp({ Component, pageProps }: AppProps) {
+  return <Component {...pageProps} />;
+}
+
+export default MyApp;

playgrounds/nextjs/pages/index.tsx

@@ -0,0 +1,25 @@
+import type { NextPage } from 'next';
+
+import { faker } from '@faker-js/faker';
+
+export async function getServerSideProps() {
+  return {
+    props: {
+      firstName: faker.name.firstName(),
+      lastName: faker.name.lastName(),
+    },
+  };
+}
+
+const Home: NextPage<{ firstName: string; lastName: string }> = ({
+  firstName,
+  lastName,
+}) => {
+  return (
+    <h1>
+      Welcome {firstName} {lastName}!
+    </h1>
+  );
+};
+
+export default Home;

playgrounds/nextjs/tsconfig.json

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