Ewald
13a69c1237
- Import APP_CONFIG in AssetCardInner.vue and read GRID_VIDEO_AUTOPLAY_MODE - Add reactive videoMode ref updated via mjr-settings-changed listener - Add bindVideoAutoplay() with IntersectionObserver for 'always' mode - Add cleanupVideoBehaviors()/applyVideoMode() to switch between off/hover/always - watch(videoMode) re-applies behavior on runtime setting change - Fix rating reset bug: mark_recent_generated before ExifTool write (sync.py/watcher.py) - Add scope-switch cache, exit-similar-scope, and rating/tags ID tests
106 lines
3.9 KiB
JavaScript
106 lines
3.9 KiB
JavaScript
import { describe, expect, it, vi } from "vitest";
|
|
import { createPinia, setActivePinia } from "pinia";
|
|
|
|
import { createScopeController } from "../features/panel/controllers/scopeController.js";
|
|
import { usePanelStore } from "../stores/usePanelStore.js";
|
|
|
|
function makeButton(scope) {
|
|
const classes = new Set();
|
|
return {
|
|
dataset: { scope },
|
|
style: { display: "" },
|
|
classList: {
|
|
toggle(name, active) {
|
|
if (active) classes.add(name);
|
|
else classes.delete(name);
|
|
},
|
|
has(name) {
|
|
return classes.has(name);
|
|
},
|
|
},
|
|
};
|
|
}
|
|
|
|
describe("scopeController similar scope", () => {
|
|
it("activates a temporary similar scope and clears it cleanly", async () => {
|
|
setActivePinia(createPinia());
|
|
const panelStore = usePanelStore();
|
|
panelStore.scope = "output";
|
|
panelStore.viewScope = "";
|
|
panelStore.similarResults = [{ asset_id: 7 }];
|
|
panelStore.similarTitle = "Similar to asset #42 (1 results)";
|
|
panelStore.similarSourceAssetId = "42";
|
|
panelStore.collectionId = "";
|
|
panelStore.collectionName = "";
|
|
panelStore.currentFolderRelativePath = "";
|
|
panelStore.customRootId = "";
|
|
const tabButtons = {
|
|
tabAll: makeButton("all"),
|
|
tabInputs: makeButton("input"),
|
|
tabOutputs: makeButton("output"),
|
|
tabCustom: makeButton("custom"),
|
|
tabSimilar: makeButton("similar"),
|
|
};
|
|
const state = {
|
|
scope: "output",
|
|
viewScope: "",
|
|
similarResults: [{ asset_id: 7 }],
|
|
similarTitle: "Similar to asset #42 (1 results)",
|
|
similarSourceAssetId: "42",
|
|
collectionId: "",
|
|
collectionName: "",
|
|
currentFolderRelativePath: "",
|
|
customRootId: "",
|
|
};
|
|
const reloadGrid = vi.fn(async () => {});
|
|
const reconcileSelection = vi.fn();
|
|
const onChanged = vi.fn();
|
|
const onScopeChanged = vi.fn();
|
|
const onBeforeReload = vi.fn();
|
|
const popovers = { close: vi.fn() };
|
|
const customMenuBtn = { style: { display: "" } };
|
|
const customPopover = { style: { display: "" } };
|
|
|
|
const controller = createScopeController({
|
|
state,
|
|
tabButtons,
|
|
customMenuBtn,
|
|
customPopover,
|
|
popovers,
|
|
reloadGrid,
|
|
reconcileSelection,
|
|
onChanged,
|
|
onScopeChanged,
|
|
onBeforeReload,
|
|
});
|
|
|
|
controller.setActiveTabStyles();
|
|
expect(tabButtons.tabSimilar.style.display).toBe("");
|
|
expect(tabButtons.tabOutputs.classList.has("is-active")).toBe(true);
|
|
|
|
await controller.setScope("similar");
|
|
expect(panelStore.viewScope).toBe("similar");
|
|
expect(tabButtons.tabSimilar.classList.has("is-active")).toBe(true);
|
|
expect(onScopeChanged).not.toHaveBeenCalled();
|
|
expect(onBeforeReload).toHaveBeenCalledTimes(1);
|
|
expect(reloadGrid).toHaveBeenCalledTimes(1);
|
|
|
|
await controller.clearSimilarScope({ reload: false });
|
|
expect(panelStore.viewScope).toBe("");
|
|
expect(panelStore.similarResults).toEqual([]);
|
|
expect(panelStore.similarTitle).toBe("");
|
|
expect(panelStore.similarSourceAssetId).toBe("");
|
|
expect(tabButtons.tabSimilar.style.display).toBe("none");
|
|
|
|
await controller.setScope("output");
|
|
expect(panelStore.scope).toBe("output");
|
|
expect(panelStore.collectionId).toBe("");
|
|
expect(panelStore.collectionName).toBe("");
|
|
expect(panelStore.currentFolderRelativePath).toBe("");
|
|
expect(panelStore.similarResults).toEqual([]);
|
|
expect(panelStore.similarTitle).toBe("");
|
|
expect(panelStore.similarSourceAssetId).toBe("");
|
|
expect(reconcileSelection).toHaveBeenCalledTimes(1);
|
|
});
|
|
});
|