fix(services,types): make coherent Thematic type and query

* some nodes was queried but missing in the Thematic type and
vice versa, it is now fixed
* add tests for all thematics fetchers

6 files changed, 155 insertions, 1 deletions

diff --git a/tests/msw/handlers/index.ts b/tests/msw/handlers/index.ts
index 5f331e7..e42a0eb 100644
--- a/tests/msw/handlers/index.ts
+++ b/tests/msw/handlers/index.ts
@@ -1,4 +1,9 @@
 import { commentsHandlers } from './comments';
 import { postsHandlers } from './posts';
+import { thematicsHandlers } from './thematics';
 
-export const handlers = [...commentsHandlers, ...postsHandlers];
+export const handlers = [
+  ...commentsHandlers,
+  ...postsHandlers,
+  ...thematicsHandlers,
+];
diff --git a/tests/msw/handlers/thematics/index.ts b/tests/msw/handlers/thematics/index.ts
new file mode 100644
index 0000000..70ed3ca
--- /dev/null
+++ b/tests/msw/handlers/thematics/index.ts
@@ -0,0 +1,11 @@
+import { thematicHandler } from './thematic.handler';
+import { thematicsCountHandler } from './thematics-count.handler';
+import { thematicsListHandler } from './thematics-list.handler';
+import { thematicsSlugsHandler } from './thematics-slugs.handler';
+
+export const thematicsHandlers = [
+  thematicHandler,
+  thematicsCountHandler,
+  thematicsListHandler,
+  thematicsSlugsHandler,
+];
diff --git a/tests/msw/handlers/thematics/thematic.handler.ts b/tests/msw/handlers/thematics/thematic.handler.ts
new file mode 100644
index 0000000..1e7d129
--- /dev/null
+++ b/tests/msw/handlers/thematics/thematic.handler.ts
@@ -0,0 +1,23 @@
+import { type ExecutionResult, graphql as executeGraphql } from 'graphql';
+import { HttpResponse, graphql } from 'msw';
+import type { ThematicResponse } from '../../../../src/services/graphql';
+import { wpThematicsFixture } from '../../../fixtures';
+import { schema } from '../../schema';
+
+export const thematicHandler = graphql.query<
+  ThematicResponse,
+  Record<'slug', string>
+>('Thematic', async ({ query, variables }) => {
+  const { data, errors } = (await executeGraphql({
+    schema,
+    source: query,
+    variableValues: variables,
+    rootValue: {
+      thematic: wpThematicsFixture.find(
+        (wpThematic) => wpThematic.slug === variables.slug
+      ),
+    },
+  })) as ExecutionResult<ThematicResponse>;
+
+  return HttpResponse.json({ data, errors });
+});
diff --git a/tests/msw/handlers/thematics/thematics-count.handler.ts b/tests/msw/handlers/thematics/thematics-count.handler.ts
new file mode 100644
index 0000000..4bcdf2d
--- /dev/null
+++ b/tests/msw/handlers/thematics/thematics-count.handler.ts
@@ -0,0 +1,45 @@
+import { type ExecutionResult, graphql as executeGraphql } from 'graphql';
+import { HttpResponse, graphql } from 'msw';
+import type { ThematicsCountResponse } from '../../../../src/services/graphql';
+import type { GraphQLPostWhere } from '../../../../src/types';
+import { wpThematicsFixture } from '../../../fixtures';
+import { getConnection } from '../../../utils/graphql';
+import { schema } from '../../schema';
+
+export const thematicsCountHandler = graphql.query<
+  ThematicsCountResponse,
+  GraphQLPostWhere
+>('ThematicsCount', async ({ query, variables }) => {
+  const pageParams = new URLSearchParams(window.location.search);
+  const isError = pageParams.get('error') === 'true';
+
+  if (isError) return HttpResponse.json({ data: { thematics: null } });
+
+  const { data, errors } = (await executeGraphql({
+    schema,
+    source: query,
+    variableValues: variables,
+    rootValue: {
+      thematics({ search, title }: typeof variables) {
+        const filteredThematicsByTitle = title
+          ? wpThematicsFixture.filter((thematic) =>
+              thematic.title.includes(title)
+            )
+          : wpThematicsFixture;
+        const filteredThematics = search
+          ? filteredThematicsByTitle.filter((thematic) =>
+              thematic.title.includes(search)
+            )
+          : filteredThematicsByTitle;
+
+        return getConnection({
+          after: null,
+          data: filteredThematics,
+          first: undefined,
+        });
+      },
+    },
+  })) as ExecutionResult<ThematicsCountResponse>;
+
+  return HttpResponse.json({ data, errors });
+});
diff --git a/tests/msw/handlers/thematics/thematics-list.handler.ts b/tests/msw/handlers/thematics/thematics-list.handler.ts
new file mode 100644
index 0000000..f206247
--- /dev/null
+++ b/tests/msw/handlers/thematics/thematics-list.handler.ts
@@ -0,0 +1,44 @@
+import { type ExecutionResult, graphql as executeGraphql } from 'graphql';
+import { HttpResponse, graphql } from 'msw';
+import type {
+  FetchThematicsListInput,
+  ThematicsListResponse,
+} from '../../../../src/services/graphql';
+import { wpThematicsFixture } from '../../../fixtures';
+import { getConnection } from '../../../utils/graphql';
+import { schema } from '../../schema';
+
+export const thematicsListHandler = graphql.query<
+  ThematicsListResponse,
+  FetchThematicsListInput
+>('ThematicsList', async ({ query, variables }) => {
+  const pageParams = new URLSearchParams(window.location.search);
+  const isError = pageParams.get('error') === 'true';
+
+  if (isError) return HttpResponse.json({ data: { thematics: null } });
+
+  const { data, errors } = (await executeGraphql({
+    schema,
+    source: query,
+    variableValues: variables,
+    rootValue: {
+      thematics({ after, first, where }: typeof variables) {
+        const { search, title } = where ?? {};
+        const filteredThematicsByTitle = title
+          ? wpThematicsFixture.filter((thematic) =>
+              thematic.title.includes(title)
+            )
+          : wpThematicsFixture;
+        const filteredThematics = search
+          ? filteredThematicsByTitle.filter((thematic) =>
+              thematic.title.includes(search)
+            )
+          : filteredThematicsByTitle;
+
+        return getConnection({ after, data: filteredThematics, first });
+      },
+    },
+  })) as ExecutionResult<ThematicsListResponse>;
+
+  return HttpResponse.json({ data, errors });
+});
diff --git a/tests/msw/handlers/thematics/thematics-slugs.handler.ts b/tests/msw/handlers/thematics/thematics-slugs.handler.ts
new file mode 100644
index 0000000..3a71c8e
--- /dev/null
+++ b/tests/msw/handlers/thematics/thematics-slugs.handler.ts
@@ -0,0 +1,26 @@
+import { type ExecutionResult, graphql as executeGraphql } from 'graphql';
+import { HttpResponse, graphql } from 'msw';
+import type { ThematicsSlugsResponse } from '../../../../src/services/graphql';
+import { wpThematicsFixture } from '../../../fixtures';
+import { schema } from '../../schema';
+
+export const thematicsSlugsHandler = graphql.query<
+  ThematicsSlugsResponse,
+  Record<'first', number>
+>('ThematicsSlugs', async ({ query, variables }) => {
+  const pageParams = new URLSearchParams(window.location.search);
+  const isError = pageParams.get('error') === 'true';
+
+  if (isError) return HttpResponse.json({ data: { thematics: null } });
+
+  const { data, errors } = (await executeGraphql({
+    schema,
+    source: query,
+    variableValues: variables,
+    rootValue: {
+      thematics: { nodes: wpThematicsFixture },
+    },
+  })) as ExecutionResult<ThematicsSlugsResponse>;
+
+  return HttpResponse.json({ data, errors });
+});