feat(e2e): add ability to add value with label to screenshot (#8147)

* feat(e2e): add ability to add value with label to screenshot

* fix: optimize undefined props

Author: EldarMuhamethanov

packages/vkui/src/components/Accordion/__image_snapshots__/accordion-android-chromium-dark-1-snap.png

@@ -4,6 +4,7 @@ import {
   ComponentPlayground,
   type ComponentPlaygroundProps,
 } from '@vkui-e2e/playground-helpers';
+import { withLabel } from '@vkui-e2e/utils';
 import { Alert, type AlertActionInterface, type AlertProps } from './Alert';
 
 const AppWrapper = ({ children, ...restProps }: AppDefaultWrapperProps) => (
@@ -81,10 +82,16 @@ export const AlertLongWordPlayground = (props: ComponentPlaygroundProps) => {
       propSets={[
         {
           title: [
-            'Оченьоченьоченьдлинноенеразрывноеслововзаголовкекотороедолжнопереноситьсянановуюстрочкуиневыходитьзаграницы',
+            withLabel(
+              'Оченьоченьоченьдлинноенеразрывноеслововзаголовкекотороедолжнопереноситьсянановуюстрочкуиневыходитьзаграницы',
+              'Very long title',
+            ),
           ],
           description: [
-            'Оченьоченьоченьдлинноенеразрывноеслововописаниикотороедолжнопереноситьсянановуюстрочкуиневыходитьзаграницы',
+            withLabel(
+              'Оченьоченьоченьдлинноенеразрывноеслововописаниикотороедолжнопереноситьсянановуюстрочкуиневыходитьзаграницы',
+              'Very long description',
+            ),
           ],
         },
       ]}

packages/vkui/src/components/Accordion/__image_snapshots__/accordion-android-chromium-light-1-snap.png

@@ -5,6 +5,7 @@ import {
   type ComponentPlaygroundProps,
   testImage,
 } from '@vkui-e2e/playground-helpers';
+import { withLabel } from '@vkui-e2e/utils';
 import {
   IconExampleForBadgeBasedOnImageBaseSize,
   IconExampleForFallbackBasedOnImageBaseSize,
@@ -18,7 +19,7 @@ export const AvatarPlayground = (props: ComponentPlaygroundProps) => {
       {...props}
       propSets={[
         {
-          src: [undefined, testImage],
+          src: [undefined, withLabel(testImage, 'image')],
           initials: [undefined, 'AB'],
           fallbackIcon: [
             <IconExampleForFallbackBasedOnImageBaseSize key="icon-fallback" />,
@@ -42,7 +43,12 @@ export const AvatarPlayground = (props: ComponentPlaygroundProps) => {
         },
         {
           gradientColor: ['custom'],
-          style: [{ backgroundImage: 'linear-gradient(#e66465, #9198e5)' }],
+          style: [
+            withLabel(
+              { backgroundImage: 'linear-gradient(#e66465, #9198e5)' },
+              'With linear-gradient background',
+            ),
+          ],
         },
         {
           size: [96, 24],