test(layout): group unit test

packages/components/group/__test__/group.test.tsx

@@ -1,6 +1,17 @@
-import * as Rect from 'react';
-import { act, render } from '@testing-library/react'
-import { group } from '..';
+import { render } from '@testing-library/react'
+import { Group } from '..';
 describe('group', () => {
-  it.todo('should define');
+  it('should define', () => {
+    expect(
+      render(<Group></Group>)
+    ).toBeDefined()
+  });
+  it('gap', () => {
+    const wrapper = render(
+      <Group gap={8}></Group>
+    )
+    const firstChild = wrapper.container.firstElementChild;
+    const gap = window.getComputedStyle(firstChild).getPropertyValue('--group-gap');
+    expect(gap).toBe('8px');
+  })
 })