Unit 🧪

packages/itwinui-react/src/core/RadioTiles/RadioTileGroup.test.tsx

@@ -42,3 +42,48 @@ it('should render with label', () => {
   expect(label).toBeTruthy();
   expect(label.textContent).toBe('My tiles');
 });
+
+it('should apply all custom props', () => {
+  const { container } = render(
+    <RadioTileGroup
+      label='My tiles'
+      className='root-props'
+      labelProps={{
+        className: 'label-props',
+      }}
+      innerProps={{
+        className: 'inner-props',
+      }}
+      tileContainerProps={{
+        className: 'tile-container-props',
+      }}
+      messageProps={{
+        contentProps: {
+          className: 'message-content-props',
+        },
+      }}
+      message={'Message'}
+    >
+      <RadioTile />
+      <RadioTile />
+    </RadioTileGroup>,
+  );
+
+  expect(container.querySelector('.iui-input-grid.root-props')).toBeTruthy();
+  expect(
+    container.querySelector('.iui-input-grid > .iui-input-label.label-props'),
+  ).toBeTruthy();
+  expect(
+    container.querySelector('.iui-input-grid > .iui-input-group.inner-props'),
+  ).toBeTruthy();
+  expect(
+    container.querySelector(
+      '.iui-input-grid > .iui-input-group > .iui-radio-tile-container.tile-container-props',
+    ),
+  ).toBeTruthy();
+  expect(
+    container.querySelector(
+      '.iui-input-grid > .iui-status-message > .message-content-props',
+    ),
+  ).toBeTruthy();
+});