我开始与剧作家进行端到端测试。大多数应用程序都需要进行身份验证。使用用户名/密码机制自动执行此操作非常简单。问题是我要测试的应用程序只有两种身份验证机制：Github OAuth 和电子邮件身份验证链接。具体来说，我在 NextJS 项目中使用 next-auth。

我不知道应该如何与 Playwright 进行端到端测试，我考虑过的选项是：

• 使用模拟用户和模拟会话完全模拟身份验证，然后将会话令牌附加到测试上下文中（如官方文档中所述）。
• 创建一个 Github 用户和/或电子邮件帐户用于测试，并以某种方式真正在 playwrigth 中使用它们。

第一个选项更容易实现，但它不再是端到端测试。第二个选项看起来很难实现，我不知道是否值得推荐。我不知道是否有更智能或更标准化的方法来进行此操作。

语境

我正在使用NextJS v12.0.7、React v17.0.2和NextAuth v4.1.0。Typescript v4.3.5

我想创建一个简单的身份验证系统，基于NextAuth 文档并在登录后重定向到主页，因此我在pages/api/auth名为 的文件夹中创建了一个文件[...nextauth].ts，其中包含以下代码部分：

export default NextAuth({\n  providers: [\n    CredentialsProvider({\n      id: "credentials",\n      name: "Login",\n      credentials: {\n        username: { type: "email" },\n        password: { type: "password" },\n      },\n      async authorize(credentials) {\n          // [...]\n      },\n    }),\n  ],\n\n  // [...]\n\n  callbacks: {\n    // [...]\n    redirect({ url, baseUrl }) {\n      console.log("redirect - url ", url, "baseUrl ", baseUrl); // This is what I …

我在将令牌传递给会话回调时遇到一些困难。我的最终目标是将登录用户的数据发送到客户端。最初我只是发回用户的电子邮件，但现在我想将用户的用户名和姓名与电子邮件一起发送。通过遵循文档，我们必须传递 JWT 和 Session 回调，以便我们的开发人员能够访问令牌中的更多数据。目前，在我的 JWT 回调中，我能够记录用户数据，非常棒。然而，当我尝试在会话回调中记录数据时，我得到一个空的 {}。非常感谢任何提示。先感谢您。

import NextAuth from "next-auth/next";
import CredentialsProvider from "next-auth/providers/credentials";

// Helper Functions
import {
  connectToDatabase,
  comparePasswords,
} from "../../helper/HelperFunctions";

export default NextAuth({
  session: { jwt: true },
  providers: [
    CredentialsProvider({
      async authorize(credentials) {
        const client = await connectToDatabase();

        const userCollection = client.db().collection("users");

        const user = await userCollection.findOne({
          email: credentials.email,
        });

        // const userInfo = {
        //   firstName: user.firstName,
        //   lastName: user.lastName,
        //   email: user.email,
        //   userName: user.userName,
        // };

        // console.log(userInfo);

        if (!user) …

我将 next-auth 与自定义提供程序和 Prisma 适配器一起使用，我只想存储值：id、名称、国家/地区、头像和性别。但是，我收到此错误：

[next-auth][error][adapter_error_createUser] \nhttps://next-auth.js.org/errors#adapter_error_createuser\nInvalid `p.user.create()` invocation in\n.\\node_modules\\@next-auth\\prisma-adapter\\dist\\index.js:6:38\n\n  3 exports.PrismaAdapter = void 0;\n  4 function PrismaAdapter(p) {\n  5     return {\n\xe2\x86\x92 6         createUser: (data) => p.user.create({\n              data: {\n                name: [redacted],\n                wcaId: [redacted],\n                country: [redacted],\n                avatar: [redacted],\n                gender: [redacted],\n                email: undefined,\n                emailVerified: null\n                ~~~~~~~~~~~~~\n              }\n            })\n\nUnknown arg `emailVerified` in data.emailVerified for type UserCreateInput. Available args:\n...\n

我的自定义提供程序中的配置文件对象如下所示：

profile(profile) {\n    return {\n      id: profile.me.id,\n      name: profile.me.name,\n      country: profile.me.country_iso2,\n      avatar: profile.me.avatar.url,\n      gender: profile.me.gender,\n    };\n  },\n

我的 Prisma 模式中的所有内容都遵循https://next-auth.js.org/adapters/prisma#setup中的示例，但用户模型除外，如下所示： …

我使用多个提供商，包括凭据提供商（电子邮件和密码） 在应用程序中的某个时刻，用户可以要求提供“恢复密码”电子邮件，他应该在其中获得一次性链接。在他访问链接（/api/users/quick_link?token=XXX&email）后，我检查令牌是否有效，之后我的目标是登录用户并将他重定向到他的个人资料页面。

我尝试过什么：

1. 使用“nextauth/client”登录功能，这显然不适用于后端
2. 检查他们如何做“电子邮件”提供商- 起始部分或多或少是相同的，但它很快开始使用内部功能，我不打算（至少现在）触及。

我没有尝试过：使用 REST API。

因为我不知道如何从另一个 api 使用它。只是等待取货吗？

回顾

简短版本：访问 /api/users/login_me_asap?myemail=xxx 后，我想登录用户并重定向他。

我正在制作一个带有 next-auth 的 NextJs 应用程序作为身份验证部分。使用next-auth自己的默认页面成功实现了电子邮件登录。

但现在我想要一个自定义登录页面。我按照文档进行操作，并添加 pages: { signIn: '/auth/signin' }到我的 [...nextauth].js 文件中。然后，我在pages/auth/signin.js中添加了给定的电子邮件登录代码。但在运行时，我收到此模块未找到错误：yarn dev

error - ./pages/api/auth/signin.js:1:0
Module not found: Package path ./react is not exported from package C:\...\node_modules\next-auth (see exports field in C:\...\node_modules\next-auth\package.json)
> 1 | import { getCsrfToken } from "next-auth/react"
  2 | 
  3 | export default function SignIn({ csrfToken }) {
  4 |   return (

Import trace for requested module:

https://nextjs.org/docs/messages/module-not-found