feat(WriteBarIcon): increase label priority

& add test
VKCOM · Dec 5, 2023 · f43fba4 · f43fba4
1 parent 8cac8b5
commit f43fba4
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 6 deletions.
diff --git a/packages/vkui/src/components/WriteBarIcon/WriteBarIcon.test.tsx b/packages/vkui/src/components/WriteBarIcon/WriteBarIcon.test.tsx
@@ -6,12 +6,19 @@ import { WriteBarIcon } from './WriteBarIcon';
 describe('WriteBarIcon', () => {
   baselineComponent((props) => <WriteBarIcon label="WriteBarIcon" {...props} />);
 
-  it('a11y: adds default text context for assigned mode', () => {
+  it('adds default text context for assigned mode', () => {
     render(<WriteBarIcon data-testid="button" mode="send" />);
 
     expect(screen.getByTestId('button')).toHaveTextContent('Отправить');
   });
 
+  it('overrides mode default text content when label is provided', () => {
+    const label = 'Send Message';
+    render(<WriteBarIcon data-testid="button" mode="send" label={label} />);
+
+    expect(screen.getByTestId('button')).toHaveTextContent(label);
+  });
+
   it('shows counter when count={0} is provided', () => {
     const count = 0;
 

diff --git a/packages/vkui/src/components/WriteBarIcon/WriteBarIcon.tsx b/packages/vkui/src/components/WriteBarIcon/WriteBarIcon.tsx
@@ -29,11 +29,12 @@ const predefinedLabel = {
 export interface WriteBarIconProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
   /**
    * Предустановленные типы кнопок в WriteBar для отрисовки иконки и установки текста кнопки в зависимости от платформы.
-   * Если передать валидное значение для этого свойства, `children` и `label` игнорируются.
+   * Если передать валидное значение для этого свойства, `children` игнорируются, а для `label` по умолчанию используется текст на "ru_RU".
    *
-   * - `attach` – иконка прикрепления.
-   * - `send` – иконка отправки.
-   * - `done` – иконка отправки в режиме редактирования.
+   * Валидные значения:
+   * - `attach` – иконка прикрепления, текст по умолчанию — "Прикрепить файл";
+   * - `send` – иконка отправки, текст по умолчанию — "Отправить";
+   * - `done` – иконка отправки в режиме редактирования, текст по умолчанию — "Готово";
    */
   mode?: 'attach' | 'send' | 'done';
   /**
@@ -89,7 +90,7 @@ export const WriteBarIcon = ({
       break;
   }
 
-  const label = mode ? predefinedLabel[mode] : labelProp;
+  const label = labelProp ?? (mode && predefinedLabel[mode]);
 
   if (process.env.NODE_ENV === 'development') {
     /* istanbul ignore next: проверка в dev mode, тест на hasAccessibleName() есть в lib/accessibility.test.tsx */