chore(gallery-web): fix comments

Author: samuelreichert

packages/pluggableWidgets/gallery-web/CHANGELOG.md

@@ -8,7 +8,7 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 
 ### Added
 
-- We added a refresh intervel property, to allow defining an interval (in seconds) for refreshing the content in Gallery
+- We added a refresh interval property, to allow defining an interval (in seconds) for refreshing the content in Gallery
 
 ## [3.7.0] - 2025-11-11
 

packages/pluggableWidgets/gallery-web/src/components/__tests__/Gallery.spec.tsx

@@ -1,11 +1,16 @@
-import { listAction, listExp, setupIntersectionObserverStub } from "@mendix/widget-plugin-test-utils";
+import { listAction, listExpression, setupIntersectionObserverStub } from "@mendix/widget-plugin-test-utils";
 import "@testing-library/jest-dom";
 import { render, waitFor } from "@testing-library/react";
 import { ObjectItem } from "mendix";
+import { createElement } from "react";
 import { ItemHelperBuilder } from "../../utils/builders/ItemHelperBuilder";
 import { mockItemHelperWithAction, mockProps, setup, withGalleryContext } from "../../utils/test-utils";
 import { Gallery } from "../Gallery";
 
+jest.mock("@mendix/widget-plugin-component-kit/RefreshIndicator", () => ({
+    RefreshIndicator: (_props: any) => createElement("div", { "data-testid": "refresh-indicator" })
+}));
+
 describe("Gallery", () => {
     beforeAll(() => {
         setupIntersectionObserverStub();
@@ -24,6 +29,20 @@ describe("Gallery", () => {
 
             expect(asFragment()).toMatchSnapshot();
         });
+
+        it("renders RefreshIndicator when `showRefreshIndicator` is true", () => {
+            const base = mockProps();
+            const props = { ...base, showRefreshIndicator: true };
+            const { getByTestId } = render(withGalleryContext(<Gallery {...props} />));
+            expect(getByTestId("refresh-indicator")).toBeInTheDocument();
+        });
+
+        it("does not render RefreshIndicator when `showRefreshIndicator` is false", () => {
+            const base = mockProps();
+            const props = { ...base, showRefreshIndicator: false };
+            const { queryByTestId } = render(withGalleryContext(<Gallery {...props} />));
+            expect(queryByTestId("refresh-indicator")).toBeNull();
+        });
     });
 
     describe("with on click action", () => {
@@ -84,7 +103,9 @@ describe("Gallery", () => {
                 withGalleryContext(
                     <Gallery
                         {...mockProps()}
-                        itemHelper={ItemHelperBuilder.sample(b => b.withItemClass(listExp(() => "custom-class")))}
+                        itemHelper={ItemHelperBuilder.sample(b =>
+                            b.withItemClass(listExpression(() => "custom-class"))
+                        )}
                     />
                 )
             );

packages/pluggableWidgets/gallery-web/src/stores/GalleryStore.ts

@@ -96,7 +96,7 @@ export class GalleryStore extends SetupHost {
             host: this._sortHost
         };
 
-        this.loaderCtrl = new DerivedLoaderController(this._query, spec.refreshIndicator, spec.refreshInterval > 1);
+        this.loaderCtrl = new DerivedLoaderController(this._query, spec.refreshIndicator, spec.refreshInterval >= 1);
 
         const useStorage = spec.storeFilters || spec.storeSort;
         if (useStorage) {