to-be-visible.js 1.7 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344
  1. "use strict";
  2. Object.defineProperty(exports, "__esModule", {
  3. value: true
  4. });
  5. exports.toBeVisible = toBeVisible;
  6. var _utils = require("./utils");
  7. function isStyleVisible(element) {
  8. const {
  9. getComputedStyle
  10. } = element.ownerDocument.defaultView;
  11. const {
  12. display,
  13. visibility,
  14. opacity
  15. } = getComputedStyle(element);
  16. return display !== 'none' && visibility !== 'hidden' && visibility !== 'collapse' && opacity !== '0' && opacity !== 0;
  17. }
  18. function isAttributeVisible(element, previousElement) {
  19. let detailsVisibility;
  20. if (previousElement) {
  21. detailsVisibility = element.nodeName === 'DETAILS' && previousElement.nodeName !== 'SUMMARY' ? element.hasAttribute('open') : true;
  22. } else {
  23. detailsVisibility = element.nodeName === 'DETAILS' ? element.hasAttribute('open') : true;
  24. }
  25. return !element.hasAttribute('hidden') && detailsVisibility;
  26. }
  27. function isElementVisible(element, previousElement) {
  28. return isStyleVisible(element) && isAttributeVisible(element, previousElement) && (!element.parentElement || isElementVisible(element.parentElement, element));
  29. }
  30. function toBeVisible(element) {
  31. (0, _utils.checkHtmlElement)(element, toBeVisible, this);
  32. const isInDocument = element.ownerDocument === element.getRootNode({
  33. composed: true
  34. });
  35. const isVisible = isInDocument && isElementVisible(element);
  36. return {
  37. pass: isVisible,
  38. message: () => {
  39. const is = isVisible ? 'is' : 'is not';
  40. return [this.utils.matcherHint(`${this.isNot ? '.not' : ''}.toBeVisible`, 'element', ''), '', `Received element ${is} visible${isInDocument ? '' : ' (element is not in the document)'}:`, ` ${this.utils.printReceived(element.cloneNode(false))}`].join('\n');
  41. }
  42. };
  43. }