test: fix ToggleGroup tests

Author: michaelhazan

packages/react/src/toggle-group/ToggleGroup.test.tsx

@@ -56,7 +56,7 @@ describe('<ToggleGroup />', () => {
 
     it('prop: defaultValue', async () => {
       const { user } = await render(
-        <ToggleGroup defaultValue={['two']}>
+        <ToggleGroup defaultValue="two">
           <Toggle value="one" />
           <Toggle value="two" />
         </ToggleGroup>,
@@ -318,12 +318,12 @@ describe('<ToggleGroup />', () => {
       await user.pointer({ keys: '[MouseLeft]', target: button1 });
 
       expect(onValueChange.callCount).to.equal(1);
-      expect(onValueChange.args[0][0]).to.deep.equal(['one']);
+      expect(onValueChange.args[0][0]).to.equal('one');
 
       await user.pointer({ keys: '[MouseLeft]', target: button2 });
 
       expect(onValueChange.callCount).to.equal(2);
-      expect(onValueChange.args[1][0]).to.deep.equal(['two']);
+      expect(onValueChange.args[1][0]).to.equal('two');
     });
 
     ['Enter', 'Space'].forEach((key) => {
@@ -352,7 +352,7 @@ describe('<ToggleGroup />', () => {
         await user.keyboard(`[${key}]`);
 
         expect(onValueChange.callCount).to.equal(1);
-        expect(onValueChange.args[0][0]).to.deep.equal(['one']);
+        expect(onValueChange.args[0][0]).to.equal('one');
 
         await act(async () => {
           button2.focus();
@@ -361,7 +361,7 @@ describe('<ToggleGroup />', () => {
         await user.keyboard(`[${key}]`);
 
         expect(onValueChange.callCount).to.equal(2);
-        expect(onValueChange.args[1][0]).to.deep.equal(['two']);
+        expect(onValueChange.args[1][0]).to.equal('two');
       });
     });
   });