test: improve test for disable props

Author: jaywcjlove

core/README.md

@@ -2,9 +2,10 @@
 <a href="./README-zh.md">简体中文</a>
 </p>
 
-<div align="center" markdown="1">
+<div align="left" markdown="1">
   <sup>Using <a href="https://wangchujiang.com/#/app" target="_blank">my app</a> is also a way to <a href="https://wangchujiang.com/#/sponsor" target="_blank">support</a> me:</sup>
   <br>
+  <a target="_blank" href="https://apps.apple.com/app/6757317079" title="Screen Test for macOS"><img alt="Screen Test" height="52" width="52" src="https://wangchujiang.com/appicon/screen-test.png"></a>
   <a target="_blank" href="https://apps.apple.com/app/Deskmark/6755948110" title="Deskmark for macOS"><img alt="Deskmark" height="52" width="52" src="https://wangchujiang.com/appicon/deskmark.png"></a>
   <a target="_blank" href="https://apps.apple.com/app/Keyzer/6500434773" title="Keyzer for macOS"><img alt="Keyzer" height="52" width="52" src="https://wangchujiang.com/appicon/keyzer.png"></a>
   <a target="_blank" href="https://github.com/jaywcjlove/vidwall-hub" title="Vidwall Hub for macOS"><img alt="Vidwall Hub" height="52" width="52" src="https://wangchujiang.com/appicon/vidwall-hub.png"></a>

test/index.test.tsx

@@ -36,14 +36,17 @@ test('lineBar props', () => {
 
 test('disable props', () => {
   render(
-    <Split disable data-testid="split">
+    <Split disable visible={true} data-testid="split">
       <div> Header </div>
       <div> Header </div>
     </Split>,
   );
   const element = screen.getByTestId('split');
   expect(element.className).toEqual('w-split w-split-horizontal');
-  expect((element.childNodes[1] as any).className).toEqual('w-split-bar w-split-large-bar disable');
+
+  // 使用querySelector查找分割条，而不是依赖childNodes索引
+  const splitBar = element.querySelector('.w-split-bar');
+  expect(splitBar?.className).toEqual('w-split-bar w-split-large-bar disable');
   expect(element.childNodes.length).toEqual(3);
   expect(element).toBeInTheDocument();
 });