mirror of
https://github.com/hanzoai/gui.git
synced 2026-10-25 02:31:41 +00:00
zeekay
ba9f436467
Internal renames so source matches the published @hanzogui/[email protected] dist (Gui.ts, createGui.ts, views/GuiProvider.mjs, views/GuiRoot.mjs). Renames applied: - Files: Hanzogui.ts -> Gui.ts, createHanzogui.ts -> createGui.ts, HanzoguiProvider.tsx -> GuiProvider.tsx, HanzoguiRoot[.native].tsx -> GuiRoot[.native].tsx, HanzoguiPlugin.ts -> GuiPlugin.ts, withHanzogui.ts -> withGui.ts, loadHanzogui.ts -> loadGui.ts, v4-hanzogui.ts -> v4-gui.ts, *.d.ts mirrors, hanzogui.config.ts -> gui.config.ts, hanzogui.build.ts -> gui.build.ts, hanzogui.css -> gui.css, hanzogui-build.js -> gui-build.js, etc. - Directories: pkgs/core/create-hanzogui -> pkgs/core/create-gui, apps/sandbox/config/hanzogui -> apps/sandbox/config/gui. - Identifiers: Hanzogui* -> Gui*, createHanzogui -> createGui, withHanzogui -> withGui, loadHanzogui -> loadGui, HANZOGUI_* env -> GUI_*, __hanzogui* globals -> __gui*, hanzoguiOptions/hanzoguiConfig/ hanzoguiPlugin etc. -> guiOptions/guiConfig/guiPlugin, CSS vars --hanzogui-* -> --gui-*, data-hanzogui-* -> data-gui-*, [hanzogui] log prefix -> [gui]. - Removed duplicate pkgs/packages/hanzogui-dev-config; the canonical pkgs/packages/gui-dev-config (@hanzogui/dev-config) already existed with the correct shape. apps/demos now consumes @hanzogui/dev-config. Preserved (public npm names): - "hanzogui" umbrella package (pkgs/ui/hanzogui/package.json) - "@hanzogui/*" namespace - "hanzogui-loader" package name (pkgs/compiler/loader) - "hanzogui-build-test-*" test fixture names - "hanzogui-publish-smoke" workflow id - pkgs/core/helpers-hanzogui dir (not on rename list) - apps/gui.hanzo.ai/ marketing site directory - AGENTS.md symlink restored after perl -i clobbered it Smoke build (turbo run build): 169/169 workspaces successful. Sample tests: pkgs/core/core-test getSplitStyles.android* + createGui.web all green.
73 lines
1.8 KiB
TypeScript
73 lines
1.8 KiB
TypeScript
process.env.GUI_TARGET = 'web'
|
|
|
|
import { getDefaultGuiConfig } from '@hanzogui/config-default'
|
|
import { render } from '@testing-library/react'
|
|
import { describe, expect, test } from 'vitest'
|
|
|
|
import type { ViewProps } from '@hanzogui/core'
|
|
import { View, GuiProvider, createGui } from '@hanzogui/core'
|
|
|
|
const conf = createGui(getDefaultGuiConfig())
|
|
|
|
const TestViewRenders = ({
|
|
renderCount,
|
|
...props
|
|
}: ViewProps & { renderCount: { current: number } }) => {
|
|
return (
|
|
<GuiProvider config={conf} defaultTheme="light">
|
|
<View data-test-renders={renderCount} {...props} />
|
|
</GuiProvider>
|
|
)
|
|
}
|
|
|
|
describe('View', () => {
|
|
test('renders once on mount', async () => {
|
|
const renderCount = { current: 0 }
|
|
render(<TestViewRenders renderCount={renderCount} />)
|
|
expect(renderCount.current).toBe(1)
|
|
})
|
|
|
|
// test(`doesn't re-render on media query change if CSS`, async () => {
|
|
// const renderCount = { current: 0 }
|
|
|
|
// render(
|
|
// <TestViewRenders
|
|
// renderCount={renderCount}
|
|
// backgroundColor="blue"
|
|
// $sm={{ backgroundColor: 'red' }}
|
|
// />
|
|
// )
|
|
|
|
// expect(renderCount.current).toBe(1)
|
|
|
|
// // re-configuring re-runs the media queries...
|
|
// configureMedia(conf)
|
|
|
|
// expect(renderCount.current).toBe(1)
|
|
// })
|
|
|
|
// test(`does re-render on media query change if not CSS`, async () => {
|
|
// const renderCount = { current: 0 }
|
|
|
|
// render(
|
|
// <TestViewRenders
|
|
// renderCount={renderCount}
|
|
// backgroundColor="blue"
|
|
// // @ts-ignore
|
|
// $sm={{ gap: '$2' }}
|
|
// />
|
|
// )
|
|
|
|
// expect(renderCount.current).toBe(1)
|
|
|
|
// // re-configuring re-runs the media queries...
|
|
// // configureMedia({
|
|
// // ...conf,
|
|
// // media: {
|
|
// // def
|
|
// // },
|
|
// // })
|
|
// // expect(renderCount.current).toBe(2)
|
|
// })
|
|
})
|