mirror of
https://github.com/supabase/supabase.git
synced 2026-10-06 09:55:06 +03:00
Upgrades Vitest from 4.1.4 to 5.0.0 across the monorepo, fixes the handful of things v5 turned into hard errors, and drops the `vi.clearAllMocks()` boilerplate that v5's `clearMocks` default makes redundant. **Changed:** - `vitest`, `@vitest/ui`, `@vitest/coverage-v8` 4.1.4 → 5.0.0 (catalog) - `vi.mock` calls that lived inside `beforeAll`/`beforeEach`/test bodies moved to module scope (v5 throws on nested calls). Affects the Studio and docs setup files and four Studio tests. - `detectBrowser` test restores `navigator` via `vi.unstubAllGlobals()` instead of assigning `global.navigator`, which now reaches jsdom's getter-only property. - `RowEditor.utils.test.ts` restores its `JSON.stringify` spy. It used to leak a throwing mock for the rest of the file, which v5's coverage provider now trips over. A later test in the same file had been asserting the leak's side effect (valid JSON reported as invalid) and now asserts the correct behavior. - `@testing-library/jest-dom` 6.6 → 7.0.1. Its vitest type augmentation resolves through a peer now, so it lands on each package's own `vitest` instead of whichever copy pnpm hoisted. Fixes `toBeInTheDocument` type errors in dev-tools after the reshuffle. - `@testing-library/react` 16.0.0 → 16.3.3 for the React 19 peer range. - `vite: catalog:` added to dev-tools, www, and common. Without it they resolved a newer vite than the catalog pin, which forked a second vitest instance in the lockfile. There's now one. - ai-commands custom matcher types use v5's `Matchers<R, T>` form. - 110 test files: `vi.clearAllMocks()` removed from `beforeEach`/`afterEach` hooks, along with hooks that only did that and the imports they left unused. Calls that also reset/restore mocks are untouched. Second commit, mechanical. **Added:** - `.vitest/` to the root gitignore (v5 writes JSON/JUnit/HTML reporter output there) **Removed:** - `vite-tsconfig-paths` catalog entry and deps. Vitest 5 resolves tsconfig paths itself. Release-age note: this sat in draft with a temporary `minimumReleaseAgeExclude` entry for `vitest` and `@vitest/*` while 5.0.0 was inside the workspace's 3-day `minimumReleaseAge` window. That window has closed, so the exclusion is gone and nothing bypasses the release-age gate. **Perf** (local, medians of 3 runs, same machine): | Suite | v4.1.4 | v5.0.0 | |---|---|---| | studio | 144.1s | 141.7s (-2%) | | studio `--coverage` | 156.9s | 146.4s (-7%) | | ui-patterns | 6.27s | 5.07s (-19%) | | ui `--coverage` | 3.35s | 2.14s (-36%) | | www | 0.89s | 0.47s (-47%) | Studio is dominated by jsdom environment setup per file, which v5 doesn't change. `vitest doctor` recommends keeping the current pool config: the vm pools and `isolate: false` all break tests. ## To test - `pnpm install --frozen-lockfile` succeeds with no `minimumReleaseAgeExclude` entry for vitest. - CI: Studio unit tests, ui, ui-patterns, www, docs, and typecheck/lint should all be green. The lint ratchet was checked locally: warning counts on touched Studio files are identical to master. - `pnpm test:studio` locally passes with coverage (588 files, 6240 tests). - Open a Studio test that uses `toBeInTheDocument` in your editor and confirm no type errors on jest-dom matchers, in Studio and in `packages/dev-tools`. - Known pre-existing failures unrelated to this PR: one dev-tools test (`getEventCountBadge` capped pill) fails on master too. <!-- This is an auto-generated comment: release notes by coderabbit.ai --> ## Summary by CodeRabbit ## Tests - Improved test coverage for JSON validation and mobile navigation behavior. - Updated test setup, cleanup, environment configuration, and matcher support across application and shared package suites. - Removed obsolete coverage for alternate MCP transport selection. ## Chores - Streamlined TypeScript path resolution and Vitest reporter output handling. - Updated testing libraries and Vitest tooling across documentation, Studio, website, and shared packages. - Added Vitest reporter output to ignored files. <!-- end of auto-generated comment: release notes by coderabbit.ai --> --------- Co-authored-by: Alaister Young <10985857+alaister@users.noreply.github.com> Co-authored-by: Ivan Vasilov <vasilov.ivan@gmail.com>
341 lines
11 KiB
TypeScript
341 lines
11 KiB
TypeScript
import { renderHook } from '@testing-library/react'
|
|
import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest'
|
|
|
|
import {
|
|
isInDataApiRevokeTreatment,
|
|
useDataApiRevokeOnCreateDefaultEnabled,
|
|
useTrackDefaultPrivilegesExposure,
|
|
} from '../useDataApiRevokeOnCreateDefault'
|
|
import { usePHFlag } from '@/hooks/ui/useFlag'
|
|
import * as constants from '@/lib/constants'
|
|
import { useTrack } from '@/lib/telemetry/track'
|
|
|
|
vi.mock('@/hooks/ui/useFlag', () => ({
|
|
usePHFlag: vi.fn(),
|
|
}))
|
|
|
|
vi.mock('@/lib/constants', async () => {
|
|
const actual = await vi.importActual<typeof import('@/lib/constants')>('@/lib/constants')
|
|
return {
|
|
...actual,
|
|
IS_TEST_ENV: false,
|
|
}
|
|
})
|
|
|
|
vi.mock('@/lib/telemetry/track', () => ({
|
|
useTrack: vi.fn(),
|
|
}))
|
|
|
|
describe('isInDataApiRevokeTreatment', () => {
|
|
it('returns true for boolean true (current rollout shape)', () => {
|
|
expect(isInDataApiRevokeTreatment(true)).toBe(true)
|
|
})
|
|
|
|
it("returns true for the 'test' variant (future multivariate shape)", () => {
|
|
expect(isInDataApiRevokeTreatment('test')).toBe(true)
|
|
})
|
|
|
|
it('returns false for boolean false', () => {
|
|
expect(isInDataApiRevokeTreatment(false)).toBe(false)
|
|
})
|
|
|
|
it("returns false for the 'control' variant", () => {
|
|
expect(isInDataApiRevokeTreatment('control')).toBe(false)
|
|
})
|
|
|
|
it('returns false for undefined (flag not resolved)', () => {
|
|
expect(isInDataApiRevokeTreatment(undefined)).toBe(false)
|
|
})
|
|
|
|
it('returns false for unrelated string values', () => {
|
|
expect(isInDataApiRevokeTreatment('something-else')).toBe(false)
|
|
expect(isInDataApiRevokeTreatment('')).toBe(false)
|
|
})
|
|
})
|
|
|
|
describe('useDataApiRevokeOnCreateDefaultEnabled', () => {
|
|
afterEach(() => {
|
|
vi.restoreAllMocks()
|
|
vi.mocked(constants, { partial: true }).IS_TEST_ENV = false
|
|
})
|
|
|
|
it('returns false when the PostHog flag is undefined (not yet resolved)', () => {
|
|
vi.mocked(usePHFlag).mockReturnValue(undefined)
|
|
const { result } = renderHook(() => useDataApiRevokeOnCreateDefaultEnabled())
|
|
expect(result.current).toBe(false)
|
|
})
|
|
|
|
it('returns false when the PostHog flag is false', () => {
|
|
vi.mocked(usePHFlag).mockReturnValue(false)
|
|
const { result } = renderHook(() => useDataApiRevokeOnCreateDefaultEnabled())
|
|
expect(result.current).toBe(false)
|
|
})
|
|
|
|
it('returns true when the PostHog flag is true', () => {
|
|
vi.mocked(usePHFlag).mockReturnValue(true)
|
|
const { result } = renderHook(() => useDataApiRevokeOnCreateDefaultEnabled())
|
|
expect(result.current).toBe(true)
|
|
})
|
|
|
|
it("returns true when the PostHog flag is the 'test' variant string", () => {
|
|
vi.mocked(usePHFlag).mockReturnValue('test')
|
|
const { result } = renderHook(() => useDataApiRevokeOnCreateDefaultEnabled())
|
|
expect(result.current).toBe(true)
|
|
})
|
|
|
|
it("returns false when the PostHog flag is the 'control' variant string", () => {
|
|
vi.mocked(usePHFlag).mockReturnValue('control')
|
|
const { result } = renderHook(() => useDataApiRevokeOnCreateDefaultEnabled())
|
|
expect(result.current).toBe(false)
|
|
})
|
|
|
|
it('returns false in test env regardless of flag value', () => {
|
|
vi.mocked(constants, { partial: true }).IS_TEST_ENV = true
|
|
vi.mocked(usePHFlag).mockReturnValue(true)
|
|
const { result } = renderHook(() => useDataApiRevokeOnCreateDefaultEnabled())
|
|
expect(result.current).toBe(false)
|
|
})
|
|
})
|
|
|
|
describe('useTrackDefaultPrivilegesExposure', () => {
|
|
const track = vi.fn()
|
|
|
|
beforeEach(() => {
|
|
vi.mocked(useTrack).mockReturnValue(track)
|
|
})
|
|
|
|
it('does not fire while the flag is undefined', () => {
|
|
vi.mocked(usePHFlag).mockReturnValue(undefined)
|
|
renderHook(() =>
|
|
useTrackDefaultPrivilegesExposure({
|
|
surface: 'main',
|
|
dataApiDefaultPrivileges: true,
|
|
hasUserModified: false,
|
|
})
|
|
)
|
|
expect(track).not.toHaveBeenCalled()
|
|
})
|
|
|
|
it('fires once when the flag resolves to true on the main surface', () => {
|
|
vi.mocked(usePHFlag).mockReturnValue(true)
|
|
renderHook(() =>
|
|
useTrackDefaultPrivilegesExposure({
|
|
surface: 'main',
|
|
dataApiDefaultPrivileges: false,
|
|
hasUserModified: false,
|
|
})
|
|
)
|
|
expect(track).toHaveBeenCalledTimes(1)
|
|
expect(track).toHaveBeenCalledWith(
|
|
'project_creation_default_privileges_exposed',
|
|
{
|
|
surface: 'main',
|
|
dataApiDefaultPrivileges: false,
|
|
dataApiRevokeOnCreateDefaultEnabled: true,
|
|
},
|
|
undefined
|
|
)
|
|
})
|
|
|
|
it('fires once when the flag resolves to false on the main surface', () => {
|
|
vi.mocked(usePHFlag).mockReturnValue(false)
|
|
renderHook(() =>
|
|
useTrackDefaultPrivilegesExposure({
|
|
surface: 'main',
|
|
dataApiDefaultPrivileges: true,
|
|
hasUserModified: false,
|
|
})
|
|
)
|
|
expect(track).toHaveBeenCalledTimes(1)
|
|
expect(track).toHaveBeenCalledWith(
|
|
'project_creation_default_privileges_exposed',
|
|
{
|
|
surface: 'main',
|
|
dataApiDefaultPrivileges: true,
|
|
dataApiRevokeOnCreateDefaultEnabled: false,
|
|
},
|
|
undefined
|
|
)
|
|
})
|
|
|
|
it('does not fire while the form value is stale relative to the flag (waits for sync)', () => {
|
|
// Race: flag just resolved to true (treatment), but the caller-side sync
|
|
// useEffect hasn't run yet, so the form value is still the legacy `true`.
|
|
// Without the convergence gate, exposure would fire with the wrong value.
|
|
vi.mocked(usePHFlag).mockReturnValue(true)
|
|
renderHook(() =>
|
|
useTrackDefaultPrivilegesExposure({
|
|
surface: 'main',
|
|
dataApiDefaultPrivileges: true,
|
|
hasUserModified: false,
|
|
})
|
|
)
|
|
expect(track).not.toHaveBeenCalled()
|
|
})
|
|
|
|
it('fires on the next render after the form syncs to match the flag', () => {
|
|
vi.mocked(usePHFlag).mockReturnValue(true)
|
|
const { rerender } = renderHook(
|
|
({ dataApiDefaultPrivileges }: { dataApiDefaultPrivileges: boolean }) =>
|
|
useTrackDefaultPrivilegesExposure({
|
|
surface: 'main',
|
|
dataApiDefaultPrivileges,
|
|
hasUserModified: false,
|
|
}),
|
|
{ initialProps: { dataApiDefaultPrivileges: true } }
|
|
)
|
|
expect(track).not.toHaveBeenCalled()
|
|
|
|
// Caller-side sync runs and updates the form value to !flag.
|
|
rerender({ dataApiDefaultPrivileges: false })
|
|
expect(track).toHaveBeenCalledTimes(1)
|
|
expect(track).toHaveBeenCalledWith(
|
|
'project_creation_default_privileges_exposed',
|
|
expect.objectContaining({
|
|
dataApiDefaultPrivileges: false,
|
|
dataApiRevokeOnCreateDefaultEnabled: true,
|
|
}),
|
|
undefined
|
|
)
|
|
})
|
|
|
|
it('fires immediately with the dirty value when the user has modified the field', () => {
|
|
// User toggled the checkbox before the flag resolved, dirtying the field.
|
|
// The sync gate is bypassed; exposure fires with the user's explicit value.
|
|
vi.mocked(usePHFlag).mockReturnValue(true)
|
|
renderHook(() =>
|
|
useTrackDefaultPrivilegesExposure({
|
|
surface: 'main',
|
|
dataApiDefaultPrivileges: true, // form value disagrees with !flag=false
|
|
hasUserModified: true,
|
|
})
|
|
)
|
|
expect(track).toHaveBeenCalledTimes(1)
|
|
expect(track).toHaveBeenCalledWith(
|
|
'project_creation_default_privileges_exposed',
|
|
{
|
|
surface: 'main',
|
|
dataApiDefaultPrivileges: true,
|
|
dataApiRevokeOnCreateDefaultEnabled: true,
|
|
},
|
|
undefined
|
|
)
|
|
})
|
|
|
|
it('fires on the vercel surface with the form-flag convergence gate', () => {
|
|
vi.mocked(usePHFlag).mockReturnValue(true)
|
|
renderHook(() =>
|
|
useTrackDefaultPrivilegesExposure({
|
|
surface: 'vercel',
|
|
orgSlug: 'acme-org',
|
|
dataApiDefaultPrivileges: false,
|
|
hasUserModified: false,
|
|
})
|
|
)
|
|
expect(track).toHaveBeenCalledWith(
|
|
'project_creation_default_privileges_exposed',
|
|
{
|
|
surface: 'vercel',
|
|
dataApiDefaultPrivileges: false,
|
|
dataApiRevokeOnCreateDefaultEnabled: true,
|
|
},
|
|
{ organization: 'acme-org' }
|
|
)
|
|
})
|
|
|
|
it('skips emission on vercel surface when orgSlug is missing', () => {
|
|
vi.mocked(usePHFlag).mockReturnValue(true)
|
|
renderHook(() =>
|
|
useTrackDefaultPrivilegesExposure({
|
|
surface: 'vercel',
|
|
orgSlug: undefined,
|
|
dataApiDefaultPrivileges: false,
|
|
hasUserModified: false,
|
|
})
|
|
)
|
|
expect(track).not.toHaveBeenCalled()
|
|
})
|
|
|
|
it('deduplicates across re-renders', () => {
|
|
vi.mocked(usePHFlag).mockReturnValue(true)
|
|
const { rerender } = renderHook(() =>
|
|
useTrackDefaultPrivilegesExposure({
|
|
surface: 'main',
|
|
dataApiDefaultPrivileges: false,
|
|
hasUserModified: false,
|
|
})
|
|
)
|
|
rerender()
|
|
rerender()
|
|
expect(track).toHaveBeenCalledTimes(1)
|
|
})
|
|
|
|
it('does not re-fire if the flag flips after initial exposure', () => {
|
|
vi.mocked(usePHFlag).mockReturnValue(false)
|
|
const { rerender } = renderHook(() =>
|
|
useTrackDefaultPrivilegesExposure({
|
|
surface: 'main',
|
|
dataApiDefaultPrivileges: true,
|
|
hasUserModified: false,
|
|
})
|
|
)
|
|
vi.mocked(usePHFlag).mockReturnValue(true)
|
|
rerender()
|
|
expect(track).toHaveBeenCalledTimes(1)
|
|
expect(track).toHaveBeenCalledWith(
|
|
'project_creation_default_privileges_exposed',
|
|
expect.objectContaining({ dataApiRevokeOnCreateDefaultEnabled: false }),
|
|
undefined
|
|
)
|
|
})
|
|
|
|
// The next two tests cover the future multivariate flag shape (GROWTH-877).
|
|
// Today the flag returns boolean true/false; post-migration it returns the
|
|
// variant string. The convergence gate must derive the expected default from
|
|
// the variant, not from `!flag` directly — `!'control'` is false (truthy
|
|
// string negation), which would have set the wrong expected default and
|
|
// either skipped or mis-fired the exposure for control-arm users.
|
|
|
|
it("fires for the 'test' variant with the correct convergence default (treatment)", () => {
|
|
vi.mocked(usePHFlag).mockReturnValue('test')
|
|
renderHook(() =>
|
|
useTrackDefaultPrivilegesExposure({
|
|
surface: 'main',
|
|
dataApiDefaultPrivileges: false, // expected default for treatment
|
|
hasUserModified: false,
|
|
})
|
|
)
|
|
expect(track).toHaveBeenCalledTimes(1)
|
|
expect(track).toHaveBeenCalledWith(
|
|
'project_creation_default_privileges_exposed',
|
|
{
|
|
surface: 'main',
|
|
dataApiDefaultPrivileges: false,
|
|
dataApiRevokeOnCreateDefaultEnabled: 'test',
|
|
},
|
|
undefined
|
|
)
|
|
})
|
|
|
|
it("fires for the 'control' variant with the correct convergence default (legacy)", () => {
|
|
vi.mocked(usePHFlag).mockReturnValue('control')
|
|
renderHook(() =>
|
|
useTrackDefaultPrivilegesExposure({
|
|
surface: 'main',
|
|
dataApiDefaultPrivileges: true, // expected default for non-treatment
|
|
hasUserModified: false,
|
|
})
|
|
)
|
|
expect(track).toHaveBeenCalledTimes(1)
|
|
expect(track).toHaveBeenCalledWith(
|
|
'project_creation_default_privileges_exposed',
|
|
{
|
|
surface: 'main',
|
|
dataApiDefaultPrivileges: true,
|
|
dataApiRevokeOnCreateDefaultEnabled: 'control',
|
|
},
|
|
undefined
|
|
)
|
|
})
|
|
})
|