feat: bump deps and add e2e test cases (#930)

* test: more e2e test

* chore: deps

* test: more e2e test case

* fix build error

Author: leomotors

README.md

@@ -51,6 +51,10 @@ If you only want to contribute to our UI, just fill in database URL, which can b
 
 Simply run `pnpm dev` will do the job.
 
+### Run E2E test
+
+Start dev server first, then run `pnpm test:e2e`
+
 ## Contributing
 
 You too can help us improve our project by suggesting features, bug report, etc. by [opening an issue](https://github.com/programming-in-th/programming.in.th/issues), or [create a pull request](https://github.com/programming-in-th/programming.in.th/pulls). If you want to contribute to submission related module (e.g. realtime view) and need live data, please, don't hesitate to contact us.

next.config.mjs

@@ -9,7 +9,13 @@ const withBundleAnalyzer = bundleAnalyzer({
 export default withBundleAnalyzer({
   reactStrictMode: true,
   images: {
-    domains: ['lh3.googleusercontent.com', 'avatars.githubusercontent.com']
+    remotePatterns: [
+      { protocol: 'https', hostname: 'lh3.googleusercontent.com' },
+      {
+        protocol: 'https',
+        hostname: 'avatars.githubusercontent.com'
+      }
+    ]
   },
 
   webpack(config) {

package.json

@@ -1,9 +1,9 @@
 {
   "name": "programming.in.th",
   "private": true,
-  "packageManager": "pnpm@8.8.0",
+  "packageManager": "pnpm@8.10.2",
   "engines": {
-    "node": "^18.12"
+    "node": "^18.17"
   },
   "lint-staged": {
     "*.{json,md,yaml,css,scss}": [
@@ -18,7 +18,7 @@
   },
   "scripts": {
     "preinstall": "npx only-allow pnpm",
-    "dev": "next dev",
+    "dev": "next dev --turbo",
     "build": "prisma generate && next build",
     "start": "next start",
     "lint": "next lint",
@@ -31,51 +31,51 @@
     "test:e2e": "playwright test"
   },
   "dependencies": {
-    "@aws-sdk/client-s3": "3.421.0",
-    "@aws-sdk/s3-request-presigner": "3.421.0",
+    "@aws-sdk/client-s3": "3.441.0",
+    "@aws-sdk/s3-request-presigner": "3.441.0",
     "@codemirror/lang-cpp": "6.0.2",
     "@codemirror/lang-java": "6.0.1",
     "@codemirror/lang-python": "6.1.3",
     "@codemirror/lang-rust": "6.0.1",
-    "@codemirror/language": "6.9.1",
+    "@codemirror/language": "6.9.2",
     "@codemirror/legacy-modes": "6.3.3",
-    "@codemirror/view": "6.21.0",
-    "@dnd-kit/core": "6.0.8",
+    "@codemirror/view": "6.22.0",
+    "@dnd-kit/core": "6.1.0",
     "@dnd-kit/modifiers": "6.0.1",
     "@dnd-kit/sortable": "7.0.2",
-    "@dnd-kit/utilities": "3.2.1",
+    "@dnd-kit/utilities": "3.2.2",
     "@headlessui/react": "1.7.17",
     "@heroicons/react": "2.0.18",
     "@next-auth/prisma-adapter": "1.0.7",
-    "@next/bundle-analyzer": "13.5.3",
-    "@prisma/client": "5.3.1",
-    "@supabase/realtime-js": "2.8.0",
-    "@tanstack/react-table": "8.10.3",
-    "@uiw/codemirror-theme-dracula": "4.21.18",
-    "@uiw/react-codemirror": "4.21.18",
+    "@next/bundle-analyzer": "14.0.1",
+    "@prisma/client": "5.5.2",
+    "@supabase/realtime-js": "2.8.4",
+    "@tanstack/react-table": "8.10.7",
+    "@uiw/codemirror-theme-dracula": "4.21.20",
+    "@uiw/react-codemirror": "4.21.20",
     "@vercel/analytics": "1.1.1",
     "@visx/group": "3.3.0",
     "@visx/shape": "3.3.0",
     "@visx/text": "3.3.0",
-    "axios": "1.5.1",
+    "axios": "1.6.0",
     "clsx": "2.0.0",
-    "concurrently": "8.2.1",
+    "concurrently": "8.2.2",
     "csstype": "3.1.2",
     "dayjs": "1.11.10",
     "framer-motion": "10.16.4",
     "fuse.js": "6.6.2",
-    "katex": "0.16.8",
-    "next": "14.0.0",
-    "next-auth": "4.24.3",
+    "katex": "0.16.9",
+    "next": "14.0.1",
+    "next-auth": "4.24.4",
     "next-mdx-remote": "4.4.1",
     "next-themes": "0.2.1",
     "prism-react-renderer": "1.3.5",
     "prismjs": "1.29.0",
     "react": "18.2.0",
-    "react-countup": "6.4.2",
+    "react-countup": "6.5.0",
     "react-dom": "18.2.0",
     "react-dropzone": "14.2.3",
-    "react-hook-form": "7.46.2",
+    "react-hook-form": "7.48.2",
     "react-hot-toast": "2.4.1",
     "react-infinite-scroll-component": "6.1.0",
     "react-table": "7.8.0",
@@ -88,39 +88,39 @@
     "server-only": "0.0.1",
     "sharp": "0.32.6",
     "swr": "2.2.4",
-    "zod": "3.22.3"
+    "zod": "3.22.4"
   },
   "devDependencies": {
-    "@octokit/types": "12.0.0",
-    "@playwright/test": "1.38.1",
+    "@octokit/types": "12.1.1",
+    "@playwright/test": "1.39.0",
     "@tailwindcss/typography": "0.5.10",
-    "@testing-library/jest-dom": "6.1.3",
+    "@testing-library/jest-dom": "6.1.4",
     "@testing-library/react": "14.0.0",
-    "@types/node": "18.18.1",
-    "@types/react": "18.2.23",
-    "@types/react-table": "7.7.16",
-    "@typescript-eslint/eslint-plugin": "6.7.3",
-    "@typescript-eslint/parser": "6.7.3",
-    "@vitejs/plugin-react": "4.1.0",
+    "@types/node": "18.18.8",
+    "@types/react": "18.2.36",
+    "@types/react-table": "7.7.17",
+    "@typescript-eslint/eslint-plugin": "6.10.0",
+    "@typescript-eslint/parser": "6.10.0",
+    "@vitejs/plugin-react": "4.1.1",
     "@vitest/coverage-v8": "0.34.6",
     "autoprefixer": "10.4.16",
-    "eslint": "8.50.0",
-    "eslint-config-next": "14.0.0",
+    "eslint": "8.53.0",
+    "eslint-config-next": "14.0.1",
     "eslint-config-prettier": "9.0.0",
-    "eslint-plugin-import": "2.28.1",
-    "eslint-plugin-prettier": "5.0.0",
+    "eslint-plugin-import": "2.29.0",
+    "eslint-plugin-prettier": "5.0.1",
     "eslint-plugin-react": "7.33.2",
     "eslint-plugin-unused-imports": "3.0.0",
     "husky": "8.0.3",
     "jsdom": "22.1.0",
-    "lint-staged": "14.0.1",
+    "lint-staged": "15.0.2",
     "postcss": "8.4.31",
     "prettier": "3.0.3",
-    "prettier-plugin-tailwindcss": "0.5.4",
-    "prisma": "5.3.1",
+    "prettier-plugin-tailwindcss": "0.5.6",
+    "prisma": "5.5.2",
     "prisma-dbml-generator": "0.10.0",
-    "sass": "1.68.0",
-    "tailwindcss": "3.3.3",
+    "sass": "1.69.5",
+    "tailwindcss": "3.3.5",
     "ts-node": "10.9.1",
     "typescript": "5.2.2",
     "vitest": "0.34.6"

playwright.config.ts

@@ -4,13 +4,7 @@ const baseURL = process.env.BASE_URL || 'http://localhost:3000'
 
 export default defineConfig({
   testDir: 'tests',
-  webServer: process.env.CI
-    ? undefined
-    : {
-        command: 'pnpm run dev',
-        url: baseURL,
-        reuseExistingServer: true
-      },
+  webServer: undefined,
   workers: process.env.CI ? 1 : undefined,
   use: {
     baseURL