feat: fix frontend build & update screenshots

izanami-frontend/src/components/FeatureSelector.tsx

@@ -66,9 +66,9 @@ export function FeatureSelector(props: {
     };
 
     return creatable ? (
-      <CreatableSelect {...selectProps} />
+      <CreatableSelect {...(selectProps as any)} />
     ) : (
-      <Select {...selectProps} />
+      <Select {...(selectProps as any)} />
     );
   } else {
     return <Loader message="Loading features..." />;

izanami-frontend/src/pages/projectLogs.tsx

@@ -76,15 +76,15 @@ function extractSearchQueryFromUrlParams(
 const logQueryKey = (
   tenant: string,
   project: string,
-  query: Omit<ProjectLogSearchQuery, "total", "pageSize">
-) => {
+  query: Omit<Omit<ProjectLogSearchQuery, "total">, "pageSize">
+): string[] => {
   return [
     projectLogQueryKey(tenant!, project!),
     query.users.join(""),
     query.types.join(""),
     query.features.join(""),
-    query.begin,
-    query.end,
+    String(query.begin),
+    String(query.end),
     query.order,
   ];
 };
@@ -147,7 +147,9 @@ export function ProjectLogs() {
         onSubmit={({ users, features, begin, end, types }) => {
           totalRef.current = undefined;
 
-          queryClient.invalidateQueries(logQueryKey(tenant, project, query));
+          queryClient.invalidateQueries({
+            queryKey: logQueryKey(tenant!, project!, query),
+          });
           navigate({
             search: `?${createSearchParams({
               users: users.join(","),

izanami-frontend/src/utils/queries.tsx

@@ -1361,15 +1361,38 @@ export function importUsersFile(tenant: string, file: FileList): Promise<any> {
   });
 }
 
-export function searchEntities(query: string): Promise<SearchResult[]> {
-  return handleFetchJsonResponse(fetch(`/api/admin/search?query=${query}`));
+export function searchEntities(
+  query: string,
+  filter: string[] = []
+): Promise<SearchResult[]> {
+  let filterString = "";
+  if (filter.length > 0) {
+    filterString = filter.map(encodeURIComponent).join("&filter=");
+  }
+  return handleFetchJsonResponse(
+    fetch(
+      `/api/admin/search?query=${encodeURIComponent(query)}${
+        filterString ? `&filter=${filterString}` : ""
+      }`
+    )
+  );
 }
+
 export function searchEntitiesByTenant(
   tenant: string,
-  query: string
+  query: string,
+  filter: string[] = []
 ): Promise<SearchResult[]> {
+  let filterString = "";
+  if (filter.length > 0) {
+    filterString = filter.map(encodeURIComponent).join("&filter=");
+  }
   return handleFetchJsonResponse(
-    fetch(`/api/admin/tenants/${tenant}/search?query=${query}`)
+    fetch(
+      `/api/admin/tenants/${tenant}/search?query=${encodeURIComponent(query)}${
+        filterString ? `&filter=${filterString}` : ""
+      }`
+    )
   );
 }
 

izanami-frontend/tests/screenshots/multi-condition-features.ts

@@ -36,8 +36,11 @@ export async function generate() {
   await page.getByRole("link", { name: "Edit" }).click();
   await page.getByRole("button", { name: "Add condition (OR)" }).click();
   const secondConditionLocator = page
-    .locator("fieldset")
-    .filter({ hasText: "Activation condition #1" });
+    .getByRole("heading", {
+      name: "Activation condition #1",
+    })
+    .locator("..");
+  await secondConditionLocator.click();
   await secondConditionLocator.getByLabel("Active only on specific").check();
   await secondConditionLocator
     .getByRole("combobox", { name: "Strategy to use" })

izanami-frontend/tests/screenshots/non-boolean-features.ts

@@ -44,13 +44,11 @@ export async function generate() {
 
   await featureAction(page, "Overloads");
   await page.getByRole("button", { name: "Create new overload" }).click();
-  await page.getByRole("button", { name: "Delete" }).click();
+  await page.getByRole("button", { name: "Delete", exact: true }).click();
   await page.getByRole("combobox", { name: "Context" }).click();
   await page.getByText("dev", { exact: true }).click();
   await page.getByLabel("Base value").fill("comments");
   await screenshot("overload-form");
   await page.getByRole("button", { name: "Save" }).click();
   await screenshot("overload-in-project");
 }
-
-generate();

izanami-frontend/tests/screenshots/remote-wasmo.ts

@@ -56,8 +56,8 @@ export async function generate() {
   await page.keyboard.press("Enter");
   await page.keyboard.type(`return 0;`);
   await screenshot("plugin-filled");
-  await page.getByRole("button", { name: "Save plugin" }).click();
-  await page.getByRole("button", { name: "Build", exact: true }).click();
+  await page.locator('button[tooltip="Save plugin"]').click();
+  await page.locator('button[tooltip="Build"]').click();
   await page.waitForTimeout(2000);
   await page
     .getByText("[RELEASE] You can now use the")