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
|
import { type ExecutionResult, graphql as executeGraphql } from 'graphql';
import { HttpResponse, graphql } from 'msw';
import type {
FetchTopicsListInput,
TopicsListResponse,
} from '../../../../src/services/graphql';
import { wpTopicsFixture } from '../../../fixtures';
import { getConnection } from '../../../utils/graphql';
import { schema } from '../../schema';
export const topicsListHandler = graphql.query<
TopicsListResponse,
FetchTopicsListInput
>('TopicsList', async ({ query, variables }) => {
const pageParams = new URLSearchParams(window.location.search);
const isError = pageParams.get('error') === 'true';
if (isError) return HttpResponse.json({ data: { topics: null } });
const { data, errors } = (await executeGraphql({
schema,
source: query,
variableValues: variables,
rootValue: {
topics({ after, first, where }: typeof variables) {
const { notIn, search, title } = where ?? {};
const filteredTopicsById = notIn
? wpTopicsFixture.filter((topic) => !notIn.includes(topic.databaseId))
: wpTopicsFixture;
const filteredTopicsByTitle = title
? filteredTopicsById.filter((topic) => topic.title.includes(title))
: filteredTopicsById;
const filteredTopics = search
? filteredTopicsByTitle.filter((topic) =>
topic.title.includes(search)
)
: filteredTopicsByTitle;
return getConnection({ after, data: filteredTopics, first });
},
},
})) as ExecutionResult<TopicsListResponse>;
return HttpResponse.json({ data, errors });
});
|
