小编Mau*_*ger的帖子

测试 createAsyncThunk Redux Toolkit Jest

我是 redux 工具包库的新手,尤其是在测试方面。我浏览了文档并阅读了大量关于这个主题的帖子和文章,但仍然在挣扎。我构建了一个简单的 todo 应用程序,并包含了几个 API 请求来涵盖异步情况。不过,测试这些结果有点挑战性。我希望得到一些关于我的代码的建议和反馈以及可以改进的地方。我还想要一些关于测试 createAsyncThunk 切片是否有意义的意见。注意:我对测试 API 调用本身不感兴趣,而是使用模拟数据重新创建成功的请求。

建设性的批评非常有帮助,将不胜感激

请看一下我的一个切片文件并进行测试

postSlice.ts

import { createSlice, createAsyncThunk } from "@reduxjs/toolkit";
import { RootState } from "../../store";
import axios from "axios";

export type Post = {
  userId: number;
  id: number;
  title: string;
  body: string;
};

export type PostsState = {
  posts: Post[];
  loading: boolean;
  error: null | string;
};

export const initalPostState: PostsState = {
  posts: [],
  loading: false,
  error: null,
};

export const fetchAllPosts = createAsyncThunk(
  "posts/allPosts",
  async (data, …
Run Code Online (Sandbox Code Playgroud)

testing jestjs redux react-redux redux-toolkit

7
推荐指数
1
解决办法
4773
查看次数

Gatsby 客户端路由在开发环境中转到 404

我正在开发一个盖茨比混合应用程序,该应用程序具有多个带有动态服务器数据的仅限客户端的路由。奇怪的是,当导航到仅客户端路由之一时,我收到 404 页面和未找到页面的消息。

直接访问仅限客户端的 URL,例如 mysite/auth/login有效,并且仅在使用内部链接组件或导航('/auth/login')时才会出现此问题。

屏幕截图 2021-03-30 下午 3.01.51.png

我正在使用 gatsby-plugin-create-client-paths 设置

屏幕截图 2021-03-30 下午 3.02.45.png

和 Router 组件来处理客户端路由

屏幕截图 2021-03-30 下午 3.02.59.png

我尝试了不同的方法,但无法弄清楚为什么我被重定向到 404 页面。该问题仅发生在首次访问页面时。页面加载后,内部导航将不会出现错误,并且仅在开发模式下发生。生产版本运行得很好。

有什么想法可能导致这种行为吗?

reactjs gatsby reach-router

5
推荐指数
1
解决办法
766
查看次数