@designcrowd/library.brand-page 6.0.16 → 6.0.17

package/src/brand-page-maker/composables/useQuickLinkBarVisibility.test.ts

@@ -1,81 +0,0 @@
-import { describe, it, expect, beforeEach, vi } from 'vitest';
-import { useQuickLinkBarVisibility } from './useQuickLinkBarVisibility';
-
-// The QuickLinkBar renders when it has something to show — the undo/redo
-// controls (flag on, non-admin) OR the published-URL cluster. This predicate
-// is the single source of truth shared by the bar and the layout components
-// (Device, SideBar) that offset content clear of the fixed bar on mobile.
-//
-// The regression it guards: an unpublished page with the undo/redo flag on
-// still shows the bar, so the offset must treat it as visible — otherwise the
-// fixed bar overlaps the mobile preview.
-//
-// The real useUndoRedoFlag is exercised (only its underlying stores are
-// mocked) so admin gating is covered end-to-end.
-
-const containerStoreMock = { isPublished: false };
-
-vi.mock('@brand-page-maker/stores', () => ({
-  useBrandPageContainerStore: vi.fn(() => containerStoreMock),
-}));
-
-const userStoreMock = {
-  features: { canUseUndoRedo: false },
-  isAdmin: false,
-};
-
-vi.mock('@brand-page-maker/stores/user', () => ({
-  useBrandPageMakerUserStore: vi.fn(() => userStoreMock),
-}));
-
-beforeEach(() => {
-  containerStoreMock.isPublished = false;
-  userStoreMock.features.canUseUndoRedo = false;
-  userStoreMock.isAdmin = false;
-});
-
-describe('useQuickLinkBarVisibility', () => {
-  it('is visible when unpublished but the undo/redo flag is on (the overlap regression)', () => {
-    containerStoreMock.isPublished = false;
-    userStoreMock.features.canUseUndoRedo = true;
-
-    expect(useQuickLinkBarVisibility().value).toBe(true);
-  });
-
-  it('is hidden when unpublished and the undo/redo flag is off', () => {
-    containerStoreMock.isPublished = false;
-    userStoreMock.features.canUseUndoRedo = false;
-
-    expect(useQuickLinkBarVisibility().value).toBe(false);
-  });
-
-  it('is visible when published even with the undo/redo flag off', () => {
-    containerStoreMock.isPublished = true;
-    userStoreMock.features.canUseUndoRedo = false;
-
-    expect(useQuickLinkBarVisibility().value).toBe(true);
-  });
-
-  it('is visible when both published and the undo/redo flag is on', () => {
-    containerStoreMock.isPublished = true;
-    userStoreMock.features.canUseUndoRedo = true;
-
-    expect(useQuickLinkBarVisibility().value).toBe(true);
-  });
-
-  it('gates the undo/redo reason for admins: unpublished admin stays hidden despite the flag', () => {
-    containerStoreMock.isPublished = false;
-    userStoreMock.features.canUseUndoRedo = true;
-    userStoreMock.isAdmin = true;
-
-    expect(useQuickLinkBarVisibility().value).toBe(false);
-  });
-
-  it('stays visible for a published admin (published cluster is not admin-gated)', () => {
-    containerStoreMock.isPublished = true;
-    userStoreMock.features.canUseUndoRedo = true;
-    userStoreMock.isAdmin = true;
-
-    expect(useQuickLinkBarVisibility().value).toBe(true);
-  });
-});

package/src/brand-page-maker/composables/useQuickLinkBarVisibility.ts

@@ -1,25 +0,0 @@
-import { computed, type ComputedRef } from 'vue';
-import { useBrandPageContainerStore } from '@brand-page-maker/stores';
-import { useUndoRedoFlag } from './useUndoRedoFlag';
-
-/**
- * Whether the QuickLinkBar is rendered in the maker.
- *
- * The bar shows when at least one of its inner clusters has something to
- * display: the undo/redo controls (flag on, non-admin — see
- * {@link useUndoRedoFlag}) OR the published-URL cluster (page published).
- *
- * This is the single source of truth shared by the bar itself
- * (`QuickLinkBar`) and the layout components that offset their content to sit
- * clear of the fixed bar on mobile (`Device`, `SideBar`). Keeping the offset
- * bound to the same predicate the bar renders on prevents the two from
- * drifting — a drift where the bar showed for the undo/redo reason but the
- * offset only accounted for the published reason caused the bar to overlap
- * the mobile preview.
- */
-export function useQuickLinkBarVisibility(): ComputedRef<boolean> {
-  const containerStore = useBrandPageContainerStore();
-  const undoRedoEnabled = useUndoRedoFlag();
-
-  return computed(() => undoRedoEnabled.value || containerStore.isPublished);
-}