fix(react:selection-panel): wrap cds-radio-panel instead of cds-radio

Fixes #24 Signed-off-by: Ashley Ryan <asryan@vmware.com>
vmware-clarity · Apr 18, 2022 · 22e5991 · 22e5991
1 parent 205c942
commit 22e5991
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 4 deletions.
diff --git a/projects/react/src/selection-panels/radio/__snapshots__/index.test.tsx.snap b/projects/react/src/selection-panels/radio/__snapshots__/index.test.tsx.snap
@@ -2,13 +2,15 @@
 
 exports[`CdsRadioPanel snapshot 1`] = `
 <div>
-  <cds-radio>
+  <cds-radio-panel
+    cds-control=""
+  >
     <label>
       Hello
     </label>
     <input
       type="checkbox"
     />
-  </cds-radio>
+  </cds-radio-panel>
 </div>
 `;
diff --git a/projects/react/src/selection-panels/radio/index.test.tsx b/projects/react/src/selection-panels/radio/index.test.tsx
@@ -10,7 +10,7 @@ describe('CdsRadioPanel', () => {
         <input type="checkbox" />
       </CdsRadioPanel>
     );
-    expect(document.querySelector('cds-radio')).toHaveTextContent(/Hello/i);
+    expect(document.querySelector('cds-radio-panel')).toHaveTextContent(/Hello/i);
   });
 
   it('snapshot', () => {

diff --git a/projects/react/src/selection-panels/radio/index.tsx b/projects/react/src/selection-panels/radio/index.tsx
@@ -4,6 +4,6 @@ import { createComponent } from '@lit-labs/react';
 import * as React from 'react';
 import { logReactVersion } from '../../utils/index.js';
 
-export const CdsRadioPanel = createComponent(React, 'cds-radio', RadioPanel, {}, 'CdsRadioPanel');
+export const CdsRadioPanel = createComponent(React, 'cds-radio-panel', RadioPanel, {}, 'CdsRadioPanel');
 
 logReactVersion(React);