主页 / user-21783682

MiguelG's questions

Martin Hope
MiguelG
Asked: 2024-12-13 12:45:17 +0800 CST
  • 5

Next.js 应用程序在构建时捆绑环境变量。这就是为什么我需要将环境变量作为参数传递并在构建阶段使用它们的原因。现在，作为 CD/CI 管道的一部分，我想通过在 compose.yaml 中声明的环境变量动态传递参数。但是，在构建时不会读取来自 Compose 文件的环境变量。事实上，终端会打印以下消息：

time="2024-12-12T23:35:10-05:00" level=warning msg="未设置“NEXT_PUBLIC_GRAPHQL_SERVER”变量。默认为空字符串。"

Compose.yaml

services:
  frontend:
    build:
      context: ./frontend
      args:
        - NEXT_PUBLIC_GRAPHQL_SERVER=${NEXT_PUBLIC_GRAPHQL_SERVER}
    env_file:
      - ./frontend/.env
    environment:
      NODE_ENV: production
      NEXT_PUBLIC_GRAPHQL_SERVER: http://localhost:3000/
    ports:
      - 8080:8080

docker文件：

FROM base AS builder
WORKDIR /usr/src/app

COPY --from=deps /usr/src/app/node_modules ./node_modules
COPY . .
ARG NEXT_PUBLIC_GRAPHQL_SERVER
ENV NEXT_PUBLIC_GRAPHQL_SERVER=${NEXT_PUBLIC_GRAPHQL_SERVER}
RUN npm run build

当我在 args 中明确设置环境变量时，一切都正常，但这不是所需的工作流程。

services:
  frontend:
    build:
      context: ./frontend
      args:
        - NEXT_PUBLIC_GRAPHQL_SERVER=http://localhost:3000/
docker
Martin Hope
MiguelG
Asked: 2024-09-05 14:00:42 +0800 CST
  • 7

由于我们不能在测试文件中使用钩子 useAppDispatch()，我想知道如何监视返回的实例。

import * as redux from "@/core/context/redux/store";

...

it("test",async ()=>{
    await waitFor(() => {
      wrapper = render(<MockForgeViewer />);
    });
    const spyDispatch = vi.spyOn(redux, "useAppDispatch");
    wrapper?.unmount();
    expect(spyDispatch).toHaveBeenCalledWith();
   
});

我刚刚意识到，此代码正在监视钩子本身，而不是返回值（dispatch）

const dispatch = useAppDispatch();

实际上我希望监视调度，以断言何时调用了特定的reducer。例如：

dispatch(resetStates());
unit-testing