fix(ActionSheetItem): hover on desktop without border-radius (#6309) (#…

…6399)

Убираем border-radius у ActionSheetItem на desktop, потому что при hover-эффекте загруглений не должно быть видно.
Проверяем hover-эффект в e2e тестах.

packages/vkui/src/components/ActionSheet/ActionSheet.e2e-playground.tsx

@@ -74,7 +74,13 @@ const propSets = [
         <ActionSheetItem key="8" subtitle="Есть подзаголовок" meta="Meta">
           Восьмой элемент
         </ActionSheetItem>,
-        <ActionSheetItem key="9" subtitle="Meta прижата справа" meta="Meta" multiline>
+        <ActionSheetItem
+          key="9"
+          subtitle="Meta прижата справа"
+          meta="Meta"
+          multiline
+          data-testid="last-item-test-id"
+        >
           Девятый элемент
         </ActionSheetItem>,
       ],

packages/vkui/src/components/ActionSheet/ActionSheet.e2e.tsx

@@ -14,10 +14,15 @@ test.describe('ActionSheet', () => {
   });
   test('ViewWidth.MOBILE sizeY=regular', async ({
     mount,
+    page,
     expectScreenshotClippedToContent,
     componentPlaygroundProps,
   }) => {
     await mount(<ActionSheetPlayground {...componentPlaygroundProps} />);
+
+    const item = page.getByTestId('last-item-test-id');
+    await item.hover();
+
     await expectScreenshotClippedToContent();
   });
 });
@@ -35,10 +40,15 @@ test.describe('ActionSheet', () => {
   });
   test('ViewWidth.DESKTOP sizeY=regular', async ({
     mount,
+    page,
     expectScreenshotClippedToContent,
     componentPlaygroundProps,
   }) => {
     await mount(<ActionSheetPlayground {...componentPlaygroundProps} />);
+
+    const item = page.getByTestId('last-item-test-id');
+    await item.hover();
+
     await expectScreenshotClippedToContent();
   });
 });

packages/vkui/src/components/ActionSheetItem/ActionSheetItem.module.css

@@ -184,6 +184,7 @@
 .ActionSheetItem--menu {
   width: auto;
   cursor: pointer;
+  border-radius: 0;
 }
 
 /**