packages/react-native/Libraries/Components/__tests__/Button-test.js - main - githubmr/facebook-react-native

packages/react-native/Libraries/Components/__tests__/Button-test.js
100 строк3 KB
Tim Yung
RN: Flowify `packages/react-native` Mocks & Tests (#51794)
04 июн 2025, 22:03
04 июн 2025, 22:035ce99e7
/**
 * Copyright (c) Meta Platforms, Inc. and affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 *
 * @flow strict-local
 * @format
 */

import {create} from '../../../jest/renderer';
import Button from '../Button';
import * as React from 'react';

describe('<Button />', () => {
  it('should render as expected', async () => {
    expect(await create(<Button title="Test Button" />)).toMatchSnapshot();
  });

  it('should be disabled and it should set accessibilityState to disabled when disabled={true}', async () => {
    expect(
      await create(<Button title="Test Button" disabled={true} />),
    ).toMatchSnapshot();
  });

  it('should be disabled when disabled={true} and accessibilityState={{disabled: true}}', async () => {
    expect(
      await create(
        <Button
          title="Test Button"
          disabled={true}
          accessibilityState={{disabled: true}}
        />,
      ),
    ).toMatchSnapshot();
  });

  it('should be disabled when disabled is empty and accessibilityState={{disabled: true}}', async () => {
    expect(
      await create(
        <Button title="Test Button" accessibilityState={{disabled: true}} />,
      ),
    ).toMatchSnapshot();
  });

  it('should overwrite accessibilityState with value of disabled prop', async () => {
    expect(
      await create(
        <Button
          title="Test Button"
          disabled={true}
          accessibilityState={{disabled: false}}
        />,
      ),
    ).toMatchSnapshot();
  });

  it('should not be disabled when disabled={false} and accessibilityState={{disabled: true}}', async () => {
    expect(
      await create(
        <Button
          title="Test Button"
          disabled={false}
          accessibilityState={{disabled: true}}
        />,
      ),
    ).toMatchSnapshot();
  });

  it('should not be disabled when disabled={false} and accessibilityState={{disabled: false}}', async () => {
    expect(
      await create(
        <Button
          title="Test Button"
          disabled={false}
          accessibilityState={{disabled: false}}
        />,
      ),
    ).toMatchSnapshot();
  });

  it('should be set importantForAccessibility={no-hide-descendants} when importantForAccessibility={no-hide-descendants}', async () => {
    expect(
      await create(
        <Button
          title="Test Button"
          importantForAccessibility={'no-hide-descendants'}
        />,
      ),
    ).toMatchSnapshot();
  });

  it('should be set importantForAccessibility={no-hide-descendants} when importantForAccessibility={no}', async () => {
    expect(
      await create(
        <Button title="Test Button" importantForAccessibility={'no'} />,
      ),
    ).toMatchSnapshot();
  });
});