@testing-library/react-native/build/matchers/to-be-visible.js

Simple and complete React Native testing utilities that encourage good testing practices.

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.toBeVisible = toBeVisible;
var _reactNative = require("react-native");
var _jestMatcherUtils = require("jest-matcher-utils");
var _redent = _interopRequireDefault(require("redent"));
var _accessibility = require("../helpers/accessibility");
var _componentTree = require("../helpers/component-tree");
var _formatElement = require("../helpers/format-element");
var _hostComponentNames = require("../helpers/host-component-names");
var _utils = require("./utils");
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
function toBeVisible(element) {
  if (element !== null || !this.isNot) {
    (0, _utils.checkHostElement)(element, toBeVisible, this);
  }
  return {
    pass: isElementVisible(element),
    message: () => {
      const is = this.isNot ? 'is' : 'is not';
      return [(0, _jestMatcherUtils.matcherHint)(`${this.isNot ? '.not' : ''}.toBeVisible`, 'element', ''), '', `Received element ${is} visible:`, (0, _redent.default)((0, _formatElement.formatElement)(element), 2)].join('\n');
    }
  };
}
function isElementVisible(element, accessibilityCache) {
  // Use cache to speed up repeated searches by `isHiddenFromAccessibility`.
  const cache = accessibilityCache ?? new WeakMap();
  if ((0, _accessibility.isHiddenFromAccessibility)(element, {
    cache
  })) {
    return false;
  }
  if (isHiddenForStyles(element)) {
    return false;
  }

  // Note: this seems to be a bug in React Native.
  // PR with fix: https://github.com/facebook/react-native/pull/39157
  if ((0, _hostComponentNames.isHostModal)(element) && element.props.visible === false) {
    return false;
  }
  const hostParent = (0, _componentTree.getHostParent)(element);
  if (hostParent === null) {
    return true;
  }
  return isElementVisible(hostParent, cache);
}
function isHiddenForStyles(element) {
  const flatStyle = _reactNative.StyleSheet.flatten(element.props.style);
  return flatStyle?.display === 'none' || flatStyle?.opacity === 0;
}
//# sourceMappingURL=to-be-visible.js.map