Ignore tests files in server watch options

apps/web-remix/app/components/fileUpload/FileUploadListPreview.tsx

@@ -5,7 +5,9 @@ import { ItemList } from "~/components/list/ItemList";
 import { IFileUpload, IPreviewProps } from "./fileUpload.types";
 import { IconButton } from "~/components/iconButton";
 
-interface FileUploadListPreviewProps extends Omit<IPreviewProps, "remove"> {
+interface FileUploadListPreviewProps
+  extends Omit<IPreviewProps, "remove">,
+    React.HTMLProps<HTMLUListElement> {
   remove?: (id: number) => Promise<void>;
   disabled?: boolean;
   className?: string;
@@ -15,6 +17,7 @@ export function FileUploadListPreview({
   remove,
   className,
   disabled,
+  ...rest
 }: FileUploadListPreviewProps) {
   return (
     <ItemList
@@ -27,6 +30,7 @@ export function FileUploadListPreview({
       renderItem={(file) => (
         <FileUploadListItem file={file} onRemove={remove} disabled={disabled} />
       )}
+      {...rest}
     />
   );
 }

apps/web-remix/app/components/pages/pipelines/CustomNodes/NodeFieldsForm.tsx

@@ -176,6 +176,7 @@ export function NodeFieldsForm({
             preview={(props) => (
               <FileUploadListPreview
                 {...props}
+                aria-label={`${blockName} memory list`}
                 className="max-h-[110px]"
                 disabled={disabled}
               />

apps/web-remix/app/tests/integrations/pipelines/build.test.tsx → apps/web-remix/app/tests/__tests__/pipelines/build.test.tsx

@@ -45,13 +45,18 @@ import {
   ModelsHandlers,
 } from "~/tests/handlers/model.handlers";
 import { RadioHandle } from "~/tests/handles/Radio.handle";
-import { CollectionHandlers } from "~/tests/handlers/collection.handlers";
+import {
+  CollectionHandlers,
+  CollectionMemoriesHandlers,
+} from "~/tests/handlers/collection.handlers";
 import { pipelineFixture } from "~/tests/fixtures/pipeline.fixtures";
 import { aliasFixture } from "~/tests/fixtures/alias.fixtures";
 import { collectionFixture } from "~/tests/fixtures/collection.fixtures";
 import { embeddingFixture } from "~/tests/fixtures/embedding.fixtures";
 import { modelFixture } from "~/tests/fixtures/models.fixtures";
 import { secretFixture } from "~/tests/fixtures/secrets.fixtures";
+import { collectionMemoryFixtures } from "~/tests/fixtures/collectionMemory.fixtures";
+import { ListHandle } from "~/tests/handles/List.handle";
 
 const handlers = () => [
   ...blockTypesHandlers(),
@@ -71,6 +76,10 @@ const handlers = () => [
     collectionFixture(),
     collectionFixture({ id: 2, name: "super-collection" }),
   ]).handlers,
+  ...new CollectionMemoriesHandlers([
+    collectionMemoryFixtures(),
+    collectionMemoryFixtures({ id: 2, file_name: "test_file" }),
+  ]).handlers,
   ...new PipelineHandlers([
     pipelineFixture(),
     pipelineFixture({ id: 2, name: "sample-workflow" }),
@@ -419,6 +428,36 @@ describe(PipelineBuilder.name, () => {
     expect(knowledgeSelect.value).toBe("NEW_NEW");
   });
 
+  test("should reload memory files after changing knowledge base", async () => {
+    const page = new PipelineObject().render({
+      initialEntries: [`/2/pipelines/2/build`],
+    });
+
+    const list = await ListHandle.fromLabelText(
+      /document_search_1 memory list/i
+    );
+    expect(list.children).toHaveLength(0);
+
+    const editButton = await ButtonHandle.fromLabelText(
+      /Edit block: document_search_1/i
+    );
+    await page.fireBlockOnClick(editButton.buttonElement);
+
+    const knowledgeSelect = await SelectHandle.fromTestId("opts.knowledge");
+    await knowledgeSelect.selectOption("super-collection");
+
+    const submit = await ButtonHandle.fromRole("Save changes");
+    await waitFor(async () => {
+      await submit.click();
+    });
+
+    const listAfterUpdate = await ListHandle.fromLabelText(
+      /document_search_1 memory list/i
+    );
+
+    expect(listAfterUpdate.children).toHaveLength(2);
+  });
+
   test("should clear model and endpoint after changing API type", async () => {
     new PipelineObject().render({
       initialEntries: [

apps/web-remix/app/tests/handles/List.handle.ts

@@ -8,6 +8,6 @@ export class ListHandle {
   }
 
   get children() {
-    return this.listElement.children;
+    return [...this.listElement.children];
   }
 }

apps/web-remix/vite.config.ts

@@ -11,6 +11,9 @@ export default defineConfig({
   },
   server: {
     port: 3000,
+    watch: {
+      ignored: ["**/__tests__", "**/*.(test|spec).(ts|tsx|js|jsx)"],
+    },
   },
   plugins: [
     tsconfigPaths(),