У меня возникла проблема при попытке смоделировать запрос на получение моей конечной точки
http://localhost:3000/posts/get-posts/
Эта конечная точка вызывается функцией thunk в useEffect в реагирующем компоненте. Так что я делаю макет поверх моего тестового файла, но я не получаю никаких данных, и мой список постов не появляется. Вот код из тестового файла
it('Should test taglist component', async () => {
const mock = new MockAdapter(axios);
mock.onGet(/^\/get-posts.*/).reply(200, {
isError: false,
posts: [
{
_id: "5e482824874e9a1ce873b1d7",
createdBy: "Kacper",
postContent: "dasdasdadad",
tags: ["eee", "dddd"],
addedAt: "2020-02-15T17:19:32.934Z",
likes: ["5e45bf41e2465801801455d9"],
likesCount: 1,
comments: [],
totalComments: 0,
userPicture: null,
}
],
offset: 0,
limit: 10,
total: 18,
});
const {getByTestId} = render(
<Provider store={store}>
<GlobalStyles />
<BrowserRouter>
<App />
</BrowserRouter>
</Provider>
);
await wait(() => {
expect(window.location.href).toContain('/taglist');
});
const leftClick = { button: 0 };
fireEvent.click(getByTestId('tagLink'), leftClick);
await wait(() => {
console.log(window.location.href)
});
const postsList = document.querySelectorAll('.SinglePost');
console.log(postsList)
});
Я получаю 404 вместо 200 http статуса. Я пробовал другие зависимости, такие как "mox ios" или "nock", но с тем же результатом, что и с "ax ios -mock-adapter"