test: 修正前端测试错误

Author: caixw

apps/docs/src/components/demo/dialog/api.zh-Hans.json

@@ -84,9 +84,9 @@
 	},
 	{
 		"kind": "function",
-		"name": "xalert",
+		"name": "Dialog.alert",
 		"summary": "提供了与\n`alert`\n相同的功能，但是在行为上有些不同。\n`alert`\n是阻塞模式的，而当前函数则是异步函数。\n\n",
-		"type": "function xalert(msg: string): Promise<void>",
+		"type": "declare function alert_2(msg: string): Promise<void>",
 		"params": [
 			{
 				"name": "msg",
@@ -101,9 +101,9 @@
 	},
 	{
 		"kind": "function",
-		"name": "xconfirm",
+		"name": "Dialog.confirm",
 		"summary": "提供了与\n`confirm`\n相同的功能，但是在行为上有些不同。\n`confirm`\n是阻塞模式的，而当前函数则是异步函数。\n\n",
-		"type": "function xconfirm(msg?: string): Promise<boolean>",
+		"type": "declare function confirm_2(msg?: string): Promise<boolean>",
 		"params": [
 			{
 				"name": "msg",
@@ -118,9 +118,9 @@
 	},
 	{
 		"kind": "function",
-		"name": "xprompt",
+		"name": "Dialog.prompt",
 		"summary": "提供了与\n`prompt`\n相同的功能，但是在行为上有些不同。\n`prompt`\n是阻塞模式的，而当前函数则是异步函数。\n\n",
-		"type": "function xprompt(msg?: string, val?: string): Promise<string | null>",
+		"type": "declare function prompt_2(msg?: string, val?: string): Promise<string | null>",
 		"params": [
 			{
 				"name": "msg",

packages/components/src/badge/root.spec.tsx

@@ -51,6 +51,6 @@ describe('Badge', async () => {
 		const span = c.lastChild;
 		expect(span).toHaveTextContent('text');
 		expect(span).toHaveClass(styles.point);
-		expect(span).toHaveClass(styles.bottomleft);
+		expect(span).toHaveClass(styles['bottom-left']);
 	});
 });

packages/components/src/formatter/bits.spec.ts

@@ -20,7 +20,7 @@ test('createBits', async () => {
 	expect(f(10261111)).equal('9.786 megabits');
 	expect(f(9999261111)).equal('9.313 gigabits');
 
-	expect(createBits(l, 'bit')(99998888261111)).equal('99998888261111 bits');
+	expect(createBits(l, 'bit')(99998888261111)).equal('99,998,888,261,111 bits');
 
-	expect(createBits(l, 'bit', 'minute')(99998888261111)).equal('99998888261111 bits per minute');
+	expect(createBits(l, 'bit', 'minute')(99998888261111)).equal('99,998,888,261,111 bits per minute');
 });

packages/components/src/formatter/bytes.spec.ts

@@ -21,9 +21,9 @@ test('createBytes', async () => {
 	expect(f(9999261111)).equal('9.313 gigabytes');
 	expect(f(99998888261111)).equal('90.948 terabytes');
 
-	expect(createBytes(l, 'byte')(99998888261111)).equal('99998888261111 bytes');
+	expect(createBytes(l, 'byte')(99998888261111)).equal('99,998,888,261,111 bytes');
 
 	expect(createBytes(l, undefined, 'second')(10261111)).equal('9.786 megabytes per second');
 
-	expect(createBytes(l, 'byte', 'second')(99998888261111)).equal('99998888261111 bytes per second');
+	expect(createBytes(l, 'byte', 'second')(99998888261111)).equal('99,998,888,261,111 bytes per second');
 });

packages/components/src/page/root.spec.tsx

@@ -10,42 +10,43 @@ import { type Ref, Root } from './root';
 describe('Page backtop=undefined', async () => {
 	let ref: Ref;
 	const ct = await ComponentTester.build('Page', props => (
-		<Root
-			{...props}
-			title="title"
-			ref={el => {
-				ref = el;
-			}}
-		>
+		<Root {...props} title="title" ref={el => (ref = el)}>
 			abc
 		</Root>
 	));
 
 	test('props', () => ct.testProps());
 
-	test('backtop=undefined', () => {
-		expect(ref!.root()).not.toBeUndefined();
-		expect(ref!.backTop()).not.toBeUndefined();
+	test('ref', () => {
+		expect(ref!.root()).toBeDefined();
+		expect(ref!.backTop()).toBeDefined();
 	});
 });
 
-describe('Page', async () => {
+describe('Page backtop=false', async () => {
 	let ref: Ref;
 	await ComponentTester.build('Page', props => (
-		<Root
-			backTop={false}
-			{...props}
-			title="title"
-			ref={el => {
-				ref = el;
-			}}
-		>
+		<Root backTop={false} {...props} title="title" ref={el => (ref = el)}>
 			abc
 		</Root>
 	));
 
-	test('backtop=false', async () => {
-		expect(ref!.root()).not.toBeUndefined();
+	test('ref', async () => {
+		expect(ref!.root()).toBeDefined();
 		expect(ref!.backTop()).toBeUndefined();
 	});
 });
+
+describe('Page backtop=custom', async () => {
+	let ref: Ref;
+	await ComponentTester.build('Page', props => (
+		<Root backTop={{ rounded: true }} {...props} title="title" ref={el => (ref = el)}>
+			abc
+		</Root>
+	));
+
+	test('ref', async () => {
+		expect(ref!.root()).toBeDefined();
+		expect(ref!.backTop()).toBeDefined();
+	});
+});

packages/components/src/page/root.tsx

@@ -13,7 +13,7 @@ export interface Ref extends BaseRef<HTMLDivElement> {
 	/**
 	 * 返回顶部按钮的接口
 	 */
-	backTop(): BackTop.RootRef;
+	backTop(): BackTop.RootRef | undefined;
 }
 
 export interface Props extends BaseProps, ParentProps, RefProps<Ref> {
@@ -52,7 +52,19 @@ export function Root(props: Props): JSX.Element {
 	});
 
 	return (
-		<div ref={el => (rootRef = el)} class={joinClass(props.palette, styles.page, props.class)} style={props.style}>
+		<div
+			ref={el => {
+				rootRef = el;
+				if (props.backTop === false && props.ref) {
+					props.ref({
+						root: () => rootRef,
+						backTop: () => undefined,
+					});
+				}
+			}}
+			class={joinClass(props.palette, styles.page, props.class)}
+			style={props.style}
+		>
 			{props.children}
 			<Switch>
 				<Match when={props.backTop === undefined}>