@12-apps/ui 1.5.0 → 1.5.2

package/src/components/layout/ContentToolbar/ContentToolbar.stories.tsx

@@ -1,129 +0,0 @@
-import { Box, Button, Typography } from '@mui/material';
-import type { Meta, StoryObj } from '@storybook/react-vite';
-import { useState } from 'react';
-
-import { ContentToolbar } from './ContentToolbar';
-import { FilterTrigger } from './FilterTrigger';
-import { MultiSelectDropdown } from './MultiSelectDropdown';
-import { SortByDropdown } from './SortByDropdown';
-import { ViewSelector } from './ViewSelector';
-import type { SortFieldDefinition, ViewMode } from './ContentToolbar.types';
-
-const meta: Meta<typeof ContentToolbar> = {
-  title: 'Layout/ContentToolbar',
-  component: ContentToolbar,
-  parameters: {
-    layout: 'padded',
-    docs: {
-      description: {
-        component:
-          'Shared content-page toolbar (Favorites / Personal Space / Recents style): a Select All / Clear All / count / actions cluster on the left and a free `rightControls` slot on the right. Ships with `ViewSelector`, `SortByDropdown`, `MultiSelectDropdown` and `FilterTrigger` to compose that slot.',
-      },
-    },
-  },
-  tags: ['autodocs'],
-};
-
-export default meta;
-type Story = StoryObj<typeof meta>;
-
-const SORT_FIELDS: SortFieldDefinition[] = [
-  {
-    value: 'size',
-    label: 'Size',
-    triggerLabelStyle: 'range',
-    orderOptions: [
-      { value: 'large', label: 'Large' },
-      { value: 'small', label: 'Small' },
-    ],
-  },
-  {
-    value: 'name',
-    label: 'Name',
-    orderOptions: [
-      { value: 'asc', label: 'A–Z' },
-      { value: 'desc', label: 'Z–A' },
-    ],
-  },
-  { value: 'modified', label: 'Modified', showOrderInTrigger: false },
-];
-
-const CONTENT_TYPES = [
-  { value: 'workbooks', label: 'Workbooks', count: 12 },
-  { value: 'views', label: 'Views', count: 8 },
-  { value: 'datasources', label: 'Data Sources', count: 3 },
-];
-
-/** A full reference toolbar with page title/description above it. */
-function ToolbarHarness({ withSelection }: { withSelection: boolean }): React.JSX.Element {
-  const [view, setView] = useState<ViewMode>('grid');
-  const [zoom, setZoom] = useState<number[]>([50]);
-  const [sortField, setSortField] = useState('size');
-  const [sortOrder, setSortOrder] = useState('large');
-  const [types, setTypes] = useState<Set<string>>(new Set());
-  const [panelOpen, setPanelOpen] = useState(false);
-  const [selected, setSelected] = useState<Set<string>>(withSelection ? new Set(['a', 'b']) : new Set());
-
-  return (
-    <Box sx={{ maxWidth: 1100 }}>
-      <Box sx={{ borderBottom: 1, borderColor: 'divider', pb: 2, mb: 2 }}>
-        <Typography variant="h5" sx={{ fontWeight: 600 }}>
-          Favorites
-        </Typography>
-        <Typography sx={{ fontSize: '0.875rem', color: 'text.secondary', mt: 0.5 }}>
-          Drag and drop items in grid view to reorder your favorites. Access your custom order using the Sort By menu.
-        </Typography>
-      </Box>
-      <ContentToolbar
-        hasSelection={selected.size > 0}
-        selectedCount={selected.size}
-        selectAll={() => setSelected(new Set(['a', 'b', 'c', 'd']))}
-        clearSelection={() => setSelected(new Set())}
-        selectAllTestId="fav-select-all"
-        clearAllTestId="fav-clear-all"
-        actions={
-          <Button variant="text" size="small" color="inherit" sx={{ textTransform: 'none' }}>
-            Delete
-          </Button>
-        }
-        rightControls={
-          <>
-            <ViewSelector viewMode={view} onViewModeChange={setView} zoom={zoom} onZoomChange={setZoom} />
-            <SortByDropdown
-              fields={SORT_FIELDS}
-              activeField={sortField}
-              activeOrder={sortOrder}
-              onFieldChange={setSortField}
-              onOrderChange={setSortOrder}
-              data-testid="sort-trigger"
-            />
-            <MultiSelectDropdown
-              label="Content Type"
-              options={CONTENT_TYPES}
-              selected={types}
-              onToggle={(value, checked) =>
-                setTypes((prev) => {
-                  const next = new Set(prev);
-                  if (checked) next.add(value);
-                  else next.delete(value);
-                  return next;
-                })
-              }
-              onClear={() => setTypes(new Set())}
-              data-testid="content-type-trigger"
-            />
-            <FilterTrigger open={panelOpen} onOpenChange={setPanelOpen} hasActiveFilters={types.size > 0} />
-          </>
-        }
-      />
-    </Box>
-  );
-}
-
-export const Default: Story = {
-  render: () => <ToolbarHarness withSelection={false} />,
-};
-
-export const WithSelection: Story = {
-  render: () => <ToolbarHarness withSelection />,
-};

package/src/components/layout/ContentToolbar/ContentToolbar.test.stories.tsx

@@ -1,251 +0,0 @@
-import { Box } from '@mui/material';
-import type { Meta, StoryObj } from '@storybook/react-vite';
-import { expect, fn, userEvent, waitFor, within } from 'storybook/test';
-import { useState } from 'react';
-
-import { ContentToolbar } from './ContentToolbar';
-import { FilterTrigger } from './FilterTrigger';
-import { MultiSelectDropdown } from './MultiSelectDropdown';
-import { SortByDropdown } from './SortByDropdown';
-import type { SortFieldDefinition } from './ContentToolbar.types';
-
-const meta: Meta<typeof ContentToolbar> = {
-  title: 'Layout/ContentToolbar/Tests',
-  component: ContentToolbar,
-  parameters: { layout: 'padded', chromatic: { disableSnapshot: false } },
-  tags: ['autodocs', 'test', 'component:ContentToolbar', 'checked'],
-};
-
-export default meta;
-type Story = StoryObj<typeof meta>;
-
-const SORT_FIELDS: SortFieldDefinition[] = [
-  {
-    value: 'name',
-    label: 'Name',
-    orderOptions: [
-      { value: 'asc', label: 'A–Z' },
-      { value: 'desc', label: 'Z–A' },
-    ],
-  },
-  { value: 'modified', label: 'Modified', showOrderInTrigger: false },
-];
-
-const CONTENT_TYPES = [
-  { value: 'workbooks', label: 'Workbooks', count: 12 },
-  { value: 'views', label: 'Views', count: 8 },
-];
-
-export const SelectAndClear: Story = {
-  name: '🧪 Select All → selection chrome → Clear All',
-  render: () => {
-    const [selected, setSelected] = useState<Set<string>>(new Set());
-    return (
-      <ContentToolbar
-        hasSelection={selected.size > 0}
-        selectedCount={selected.size}
-        selectAll={() => setSelected(new Set(['a', 'b', 'c']))}
-        clearSelection={() => setSelected(new Set())}
-        selectAllTestId="t-select-all"
-        clearAllTestId="t-clear-all"
-        rightControls={<Box data-testid="right-slot">right</Box>}
-      />
-    );
-  },
-  play: async ({ canvasElement, step }) => {
-    const canvas = within(canvasElement);
-    await step('No selection: no count indicator', async () => {
-      await waitFor(() => expect(canvas.queryByTestId('selected-count-indicator')).not.toBeInTheDocument());
-    });
-    await step('Select All shows count + Clear All', async () => {
-      await userEvent.click(canvas.getByTestId('t-select-all'));
-      await waitFor(() => expect(canvas.getByTestId('selected-count-indicator')).toHaveTextContent('3 items selected'));
-      await expect(canvas.getByTestId('t-clear-all')).toBeVisible();
-    });
-    await step('Clear All resets', async () => {
-      await userEvent.click(canvas.getByTestId('t-clear-all'));
-      await waitFor(() => expect(canvas.queryByTestId('selected-count-indicator')).not.toBeInTheDocument());
-    });
-  },
-};
-
-export const SortByInteraction: Story = {
-  name: '🧪 Sort By opens and changes field',
-  render: () => {
-    const onField = fn();
-    const [field, setField] = useState('name');
-    return (
-      <ContentToolbar
-        hasSelection={false}
-        selectedCount={0}
-        selectAll={fn()}
-        clearSelection={fn()}
-        rightControls={
-          <SortByDropdown
-            fields={SORT_FIELDS}
-            activeField={field}
-            activeOrder="asc"
-            onFieldChange={(value) => {
-              onField(value);
-              setField(value);
-            }}
-            onOrderChange={fn()}
-            data-testid="sort-trigger"
-          />
-        }
-      />
-    );
-  },
-  play: async ({ canvasElement, step }) => {
-    const canvas = within(canvasElement);
-    await step('Open the Sort By menu', async () => {
-      await userEvent.click(canvas.getByTestId('sort-trigger'));
-      await waitFor(() => expect(within(document.body).getByTestId('sort-modified-option')).toBeVisible());
-    });
-    await step('Pick Modified', async () => {
-      await userEvent.click(within(document.body).getByTestId('sort-modified-option'));
-      await waitFor(() => expect(canvas.getByTestId('sort-trigger')).toHaveTextContent('Modified'));
-    });
-  },
-};
-
-export const ContentTypeMultiSelect: Story = {
-  name: '🧪 Content Type toggles stay open',
-  render: () => {
-    const [types, setTypes] = useState<Set<string>>(new Set());
-    return (
-      <ContentToolbar
-        hasSelection={false}
-        selectedCount={0}
-        selectAll={fn()}
-        clearSelection={fn()}
-        rightControls={
-          <MultiSelectDropdown
-            label="Content Type"
-            options={CONTENT_TYPES}
-            selected={types}
-            onToggle={(value, checked) =>
-              setTypes((prev) => {
-                const next = new Set(prev);
-                if (checked) next.add(value);
-                else next.delete(value);
-                return next;
-              })
-            }
-            onClear={() => setTypes(new Set())}
-            data-testid="content-type-trigger"
-          />
-        }
-      />
-    );
-  },
-  play: async ({ canvasElement, step }) => {
-    const canvas = within(canvasElement);
-    const body = within(document.body);
-    await step('Open and select one type; menu stays open; trigger reflects it', async () => {
-      await userEvent.click(canvas.getByTestId('content-type-trigger'));
-      await waitFor(() => expect(body.getByText('Workbooks')).toBeVisible());
-      await userEvent.click(body.getByText('Workbooks'));
-      await waitFor(() => expect(canvas.getByTestId('content-type-trigger')).toHaveTextContent('Workbooks'));
-      // Menu is still open (multi-select), so the Clear control is present.
-      await expect(body.getByTestId('content-type-trigger-clear')).toBeVisible();
-    });
-  },
-};
-
-const CATEGORY_TYPES = [
-  { value: 'bebidas', label: 'Bebidas', count: 12 },
-  { value: 'sobremesas', label: 'Sobremesas', count: 8 },
-  { value: 'lanches', label: 'Lanches', count: 23 },
-  { value: 'saladas', label: 'Saladas', count: 5 },
-  { value: 'massas', label: 'Massas', count: 9 },
-  { value: 'carnes', label: 'Carnes', count: 14 },
-  { value: 'peixes', label: 'Peixes', count: 3 },
-  { value: 'vegano', label: 'Vegano', count: 7 },
-  { value: 'infantil', label: 'Infantil', count: 4 },
-];
-
-export const MultiSelectSearch: Story = {
-  name: '🧪 Long list auto-shows search + filters options',
-  render: () => {
-    const [types, setTypes] = useState<Set<string>>(new Set());
-    return (
-      <ContentToolbar
-        hasSelection={false}
-        selectedCount={0}
-        selectAll={fn()}
-        clearSelection={fn()}
-        rightControls={
-          <MultiSelectDropdown
-            label="Categoria"
-            options={CATEGORY_TYPES}
-            selected={types}
-            onToggle={(value, checked) =>
-              setTypes((prev) => {
-                const next = new Set(prev);
-                if (checked) next.add(value);
-                else next.delete(value);
-                return next;
-              })
-            }
-            onClear={() => setTypes(new Set())}
-            allLabel="Todas"
-            searchPlaceholder="Buscar…"
-            noResultsLabel="Nenhum resultado"
-            data-testid="category-trigger"
-          />
-        }
-      />
-    );
-  },
-  play: async ({ canvasElement, step }) => {
-    const canvas = within(canvasElement);
-    const body = within(document.body);
-    await step('Open: 9 options auto-render a search box', async () => {
-      await userEvent.click(canvas.getByTestId('category-trigger'));
-      await waitFor(() => expect(body.getByTestId('category-trigger-search')).toBeVisible());
-      await expect(body.getByText('Sobremesas')).toBeVisible();
-      await expect(body.getByText('Lanches')).toBeVisible();
-    });
-    await step('Typing filters the list case-insensitively', async () => {
-      await userEvent.type(body.getByTestId('category-trigger-search'), 'sobre');
-      await waitFor(() => expect(body.queryByText('Lanches')).not.toBeInTheDocument());
-      await expect(body.getByText('Sobremesas')).toBeVisible();
-    });
-    await step('Selecting a filtered option keeps the menu open', async () => {
-      await userEvent.click(body.getByText('Sobremesas'));
-      await waitFor(() => expect(canvas.getByTestId('category-trigger')).toHaveTextContent('Sobremesas'));
-      await expect(body.getByTestId('category-trigger-search')).toBeVisible();
-    });
-    await step('A non-matching query shows the empty state', async () => {
-      await userEvent.clear(body.getByTestId('category-trigger-search'));
-      await userEvent.type(body.getByTestId('category-trigger-search'), 'zzz');
-      await waitFor(() => expect(body.getByTestId('category-trigger-no-results')).toBeVisible());
-    });
-  },
-};
-
-export const FilterTriggerActiveDot: Story = {
-  name: '🧪 Filter trigger toggles + shows active dot',
-  render: () => {
-    const [open, setOpen] = useState(false);
-    return (
-      <ContentToolbar
-        hasSelection={false}
-        selectedCount={0}
-        selectAll={fn()}
-        clearSelection={fn()}
-        rightControls={<FilterTrigger open={open} onOpenChange={setOpen} hasActiveFilters data-testid="filter-btn" />}
-      />
-    );
-  },
-  play: async ({ canvasElement, step }) => {
-    const canvas = within(canvasElement);
-    await step('Toggle opens the filter', async () => {
-      const btn = canvas.getByTestId('filter-btn');
-      await expect(btn).toHaveAttribute('aria-expanded', 'false');
-      await userEvent.click(btn);
-      await waitFor(() => expect(canvas.getByTestId('filter-btn')).toHaveAttribute('aria-expanded', 'true'));
-    });
-  },
-};

package/src/components/layout/ContentToolbar/__tests__/ColumnsMenu.test.tsx

@@ -1,39 +0,0 @@
-import { describe, expect, it, vi } from "vitest";
-import { fireEvent, render, screen } from "@testing-library/react";
-
-import { ColumnsMenu } from "../ColumnsMenu";
-import type { ColumnVisibilityOption } from "../ContentToolbar.types";
-
-const columns: ColumnVisibilityOption[] = [
-  { id: "name", label: "Nome", visible: true },
-  { id: "sku", label: "SKU", visible: false },
-];
-
-function renderMenu(overrides: Partial<React.ComponentProps<typeof ColumnsMenu>> = {}) {
-  const onToggle = vi.fn();
-  render(<ColumnsMenu columns={columns} onToggle={onToggle} data-testid="cols" {...overrides} />);
-  return onToggle;
-}
-
-describe("ColumnsMenu", () => {
-  it("opens and lists each column with its visibility", () => {
-    renderMenu();
-    fireEvent.click(screen.getByTestId("cols"));
-    expect(screen.getByTestId("cols-name")).toBeInTheDocument();
-    expect(screen.getByTestId("cols-sku")).toBeInTheDocument();
-  });
-
-  it("toggles a hidden column on", () => {
-    const onToggle = renderMenu();
-    fireEvent.click(screen.getByTestId("cols"));
-    fireEvent.click(screen.getByTestId("cols-sku"));
-    expect(onToggle).toHaveBeenCalledWith("sku", true);
-  });
-
-  it("toggles a visible column off", () => {
-    const onToggle = renderMenu();
-    fireEvent.click(screen.getByTestId("cols"));
-    fireEvent.click(screen.getByTestId("cols-name"));
-    expect(onToggle).toHaveBeenCalledWith("name", false);
-  });
-});

package/src/components/layout/ContentToolbar/__tests__/MultiSelectDropdown.test.tsx

@@ -1,131 +0,0 @@
-import { describe, it, expect, vi } from 'vitest';
-import { fireEvent, render, screen, waitFor } from '@testing-library/react';
-
-import { MultiSelectDropdown } from '../MultiSelectDropdown';
-
-const MANY_OPTIONS = [
-  { value: 'bebidas', label: 'Bebidas' },
-  { value: 'sobremesas', label: 'Sobremesas' },
-  { value: 'lanches', label: 'Lanches' },
-  { value: 'saladas', label: 'Saladas' },
-  { value: 'massas', label: 'Massas' },
-  { value: 'carnes', label: 'Carnes' },
-  { value: 'peixes', label: 'Peixes' },
-  { value: 'vegano', label: 'Vegano' },
-  { value: 'infantil', label: 'Infantil' },
-];
-
-function open(): void {
-  fireEvent.click(screen.getByTestId('cat'));
-}
-
-describe('MultiSelectDropdown search (FUT-169)', () => {
-  it('auto-shows a search box for long lists and filters options case-insensitively', async () => {
-    render(
-      <MultiSelectDropdown
-        label="Categoria"
-        options={MANY_OPTIONS}
-        selected={new Set<string>()}
-        onToggle={vi.fn()}
-        onClear={vi.fn()}
-        searchPlaceholder="Buscar…"
-        noResultsLabel="Nenhum resultado"
-        data-testid="cat"
-      />,
-    );
-    open();
-
-    const search = await screen.findByTestId('cat-search');
-    expect(screen.getByText('Lanches')).toBeInTheDocument();
-
-    fireEvent.change(search, { target: { value: 'SOBRE' } });
-
-    await waitFor(() => expect(screen.queryByText('Lanches')).not.toBeInTheDocument());
-    expect(screen.getByText('Sobremesas')).toBeInTheDocument();
-  });
-
-  it('shows the empty state when nothing matches', async () => {
-    render(
-      <MultiSelectDropdown
-        label="Categoria"
-        options={MANY_OPTIONS}
-        selected={new Set<string>()}
-        onToggle={vi.fn()}
-        onClear={vi.fn()}
-        noResultsLabel="Nenhum resultado"
-        data-testid="cat"
-      />,
-    );
-    open();
-
-    fireEvent.change(await screen.findByTestId('cat-search'), { target: { value: 'zzz' } });
-
-    expect(await screen.findByTestId('cat-no-results')).toHaveTextContent('Nenhum resultado');
-  });
-
-  it('does NOT render a search box for short lists', async () => {
-    render(
-      <MultiSelectDropdown
-        label="Ativo"
-        options={[
-          { value: 'sim', label: 'Sim' },
-          { value: 'nao', label: 'Não' },
-        ]}
-        selected={new Set<string>()}
-        onToggle={vi.fn()}
-        onClear={vi.fn()}
-        data-testid="cat"
-      />,
-    );
-    open();
-
-    // Presence evidence first (menu open), then assert the search box was never
-    // rendered — wrapped in waitFor per the anti-flake rule.
-    expect(await screen.findByText('Sim')).toBeInTheDocument();
-    await waitFor(() => expect(screen.queryByTestId('cat-search')).not.toBeInTheDocument());
-  });
-
-  it('toggles a filtered option and keeps the menu open (search still visible)', async () => {
-    const onToggle = vi.fn();
-    render(
-      <MultiSelectDropdown
-        label="Categoria"
-        options={MANY_OPTIONS}
-        selected={new Set<string>()}
-        onToggle={onToggle}
-        onClear={vi.fn()}
-        data-testid="cat"
-      />,
-    );
-    open();
-
-    const search = await screen.findByTestId('cat-search');
-    fireEvent.change(search, { target: { value: 'peix' } });
-    fireEvent.click(await screen.findByText('Peixes'));
-
-    expect(onToggle).toHaveBeenCalledWith('peixes', true);
-    // Multi-select: the menu stays open, so the search box is still mounted.
-    expect(screen.getByTestId('cat-search')).toBeInTheDocument();
-  });
-});
-
-describe('MultiSelectDropdown stacked trigger accessibility', () => {
-  it("names the trigger by the field label AND value so it isn't announced as just its value", () => {
-    render(
-      <MultiSelectDropdown
-        label="Papéis"
-        layout="stacked"
-        options={MANY_OPTIONS}
-        selected={new Set<string>()}
-        onToggle={vi.fn()}
-        onClear={vi.fn()}
-        allLabel="Todas"
-        data-testid="roles"
-      />,
-    );
-
-    // The accessible name resolves aria-labelledby to "<label> <value>", so the
-    // field name (not just "Todas") distinguishes this trigger from a sibling.
-    expect(screen.getByRole('button', { name: 'Papéis Todas' })).toBe(screen.getByTestId('roles'));
-  });
-});

package/src/components/layout/ContentToolbar/__tests__/SavedViewsMenu.test.tsx

@@ -1,99 +0,0 @@
-import { describe, expect, it, vi } from "vitest";
-import { fireEvent, render, screen, waitFor, within } from "@testing-library/react";
-
-import { SavedViewsMenu } from "../SavedViewsMenu";
-import type { SavedViewLike } from "../ContentToolbar.types";
-
-const views: SavedViewLike[] = [
-  { id: "v1", name: "Meus ativos", shared: false, pinned: true, isDefault: true, isOwner: true },
-  { id: "v2", name: "Da equipe", shared: true, pinned: false, isDefault: false, isOwner: false },
-];
-
-function renderMenu(overrides: Partial<React.ComponentProps<typeof SavedViewsMenu>> = {}) {
-  const handlers = {
-    onApply: vi.fn(),
-    onSelectMain: vi.fn(),
-    onSaveCurrent: vi.fn(),
-    onEdit: vi.fn(),
-    onDelete: vi.fn(),
-    onSetDefault: vi.fn(),
-    onTogglePin: vi.fn(),
-    onToggleShare: vi.fn(),
-    onManageAll: vi.fn(),
-  };
-  render(<SavedViewsMenu views={views} testIdPrefix="views" {...handlers} {...overrides} />);
-  return handlers;
-}
-
-describe("SavedViewsMenu", () => {
-  it("lists pinned + recent sections and a default badge", () => {
-    renderMenu();
-    fireEvent.click(screen.getByTestId("views-button"));
-    expect(screen.getByTestId("views-section-pinned")).toBeInTheDocument();
-    expect(screen.getByTestId("views-section-recent")).toBeInTheDocument();
-    expect(screen.getByTestId("views-default-v1")).toBeInTheDocument();
-  });
-
-  it("labels the trigger 'Visão principal' by default and the active view name when set", () => {
-    const noop = {
-      onApply: vi.fn(),
-      onSelectMain: vi.fn(),
-      onSaveCurrent: vi.fn(),
-      onEdit: vi.fn(),
-      onDelete: vi.fn(),
-      onSetDefault: vi.fn(),
-      onTogglePin: vi.fn(),
-      onToggleShare: vi.fn(),
-      onManageAll: vi.fn(),
-    };
-    const { rerender } = render(<SavedViewsMenu views={views} testIdPrefix="views" {...noop} />);
-    expect(screen.getByTestId("views-button")).toHaveTextContent("Visão principal");
-    rerender(<SavedViewsMenu views={views} activeViewName="Meus ativos" testIdPrefix="views" {...noop} />);
-    expect(screen.getByTestId("views-button")).toHaveTextContent("Meus ativos");
-  });
-
-  it("offers a Main vision default that resets to the no-filter view", () => {
-    const handlers = renderMenu();
-    fireEvent.click(screen.getByTestId("views-button"));
-    fireEvent.click(screen.getByTestId("views-main"));
-    expect(handlers.onSelectMain).toHaveBeenCalled();
-  });
-
-  it("applies a view when its name is clicked", () => {
-    const handlers = renderMenu();
-    fireEvent.click(screen.getByTestId("views-button"));
-    fireEvent.click(screen.getByTestId("views-apply-v1"));
-    expect(handlers.onApply).toHaveBeenCalledWith(expect.objectContaining({ id: "v1" }));
-  });
-
-  it("shows full owner actions (incl. Excluir) for an owned view", () => {
-    renderMenu();
-    fireEvent.click(screen.getByTestId("views-button"));
-    fireEvent.click(screen.getByTestId("views-kebab-v1"));
-    expect(screen.getByTestId("views-item-delete-v1")).toBeInTheDocument();
-    expect(screen.getByText("Excluir")).toBeInTheDocument();
-  });
-
-  it("shows apply-only for a non-owned shared view", async () => {
-    renderMenu();
-    fireEvent.click(screen.getByTestId("views-button"));
-    fireEvent.click(screen.getByTestId("views-kebab-v2"));
-    expect(screen.getByTestId("views-item-apply-v2")).toBeInTheDocument();
-    await waitFor(() => {
-      expect(screen.queryByTestId("views-item-delete-v2")).not.toBeInTheDocument();
-    });
-  });
-
-  it("offers save-current and manage-all", () => {
-    const handlers = renderMenu();
-    fireEvent.click(screen.getByTestId("views-button"));
-    fireEvent.click(screen.getByTestId("views-save-current"));
-    expect(handlers.onSaveCurrent).toHaveBeenCalled();
-  });
-
-  it("shows an empty hint when there are no views", () => {
-    renderMenu({ views: [] });
-    fireEvent.click(screen.getByTestId("views-button"));
-    expect(within(screen.getByTestId("views-popover")).getByText(/Nenhuma visão salva/i)).toBeInTheDocument();
-  });
-});