1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
|
import { type ExecutionResult, graphql as executeGraphql } from 'graphql';
import { HttpResponse, graphql } from 'msw';
import type {
FetchPostsListInput,
RecentPostsResponse,
} from '../../../../src/services/graphql';
import { wpPostsFixture } from '../../../fixtures';
import { getConnection } from '../../../utils/graphql';
import { schema } from '../../schema';
export const recentPostsHandler = graphql.query<
RecentPostsResponse,
FetchPostsListInput
>('RecentPosts', async ({ query, variables }) => {
const pageParams = new URLSearchParams(window.location.search);
const isError = pageParams.get('error') === 'true';
if (isError) return HttpResponse.json({ data: { posts: null } });
const { data, errors } = (await executeGraphql({
schema,
source: query,
variableValues: variables,
rootValue: {
posts({ after, first, where }: typeof variables) {
const { authorName, search, title } = where ?? {};
const filteredPostsByAuthor = authorName
? wpPostsFixture.filter((post) =>
post.author.node.name.includes(authorName)
)
: wpPostsFixture;
const filteredPostsByTitle = title
? filteredPostsByAuthor.filter((post) => post.title.includes(title))
: filteredPostsByAuthor;
const filteredPosts = search
? filteredPostsByTitle.filter(
(post) =>
post.title.includes(search) ||
post.contentParts.afterMore.includes(search) ||
post.contentParts.beforeMore.includes(search)
)
: filteredPostsByTitle;
return getConnection({ after, data: filteredPosts, first });
},
},
})) as ExecutionResult<RecentPostsResponse>;
return HttpResponse.json({ data, errors });
});
|
