import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
var _jsxFileName = "/home/builduser/work/57e038ea7326c1ec/packages/wix-design-system/dist/esm/AvatarGroup/test/AvatarGroup.spec.jsx",
  _this = this;
import _regeneratorRuntime from "@babel/runtime/regenerator";
import React from 'react';
import { createRendererWithUniDriver, cleanup } from '../../utils/test-utils/unit';
import AvatarGroup from '../AvatarGroup';
import { avatarGroupPrivateDriverFactory } from './AvatarGroup.private.uni.driver';
var avatarItems = [{
  ariaLabel: 'Avatar for John Doe',
  color: 'A1',
  name: 'John Doe',
  title: 'Wix Account: John Doe (johndoe@gmail.com)'
}, {
  ariaLabel: 'Avatar for Snoop Dogg',
  name: 'Snoop Dogg',
  title: 'Wix Account: Snoop Dogg (dog@gmail.com)'
}, {
  ariaLabel: 'Avatar for Sia Kate',
  imgProps: {
    src: 'https://lh3.googleusercontent.com/proxy/EI3faU3-0hCPyjBKktiVuPKfZTMXx6BsDFE0f7UBr_8CKSMRWL28dLZJrWGWExcTRgWI2v3pcuBT19YpJ-xdmxla4mmqWw'
  },
  name: 'Sia Kate'
}, {
  ariaLabel: 'Avatar for Steven Tyler',
  title: 'Wix Account: Steven Tyler (steventyler@gmail.com)'
}, {
  ariaLabel: 'Avatar for Karen Carpenter',
  name: 'Karen Carpenter',
  title: 'Wix Account: Karen Carpenter (karencarpenter@gmail.com)'
}, {
  name: 'Levon Helm',
  title: 'Wix Account: Levon Helm (levonhelm@gmail.com)'
}, {
  ariaLabel: 'Avatar for Willie Nelson',
  name: 'Willie Nelson',
  title: 'Wix Account: Willie Nelson (willienelson@gmail.com)'
}, {
  ariaLabel: 'Avatar for Patti Smith',
  name: 'Patti Smith'
}];
describe(AvatarGroup.displayName, function () {
  var render = createRendererWithUniDriver(avatarGroupPrivateDriverFactory);
  afterEach(cleanup);
  it('should render', /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
    var _render, driver;
    return _regeneratorRuntime.wrap(function _callee$(_context) {
      while (1) switch (_context.prev = _context.next) {
        case 0:
          _render = render(/*#__PURE__*/React.createElement(AvatarGroup, {
            items: avatarItems,
            __self: _this,
            __source: {
              fileName: _jsxFileName,
              lineNumber: 58,
              columnNumber: 31
            }
          })), driver = _render.driver;
          _context.t0 = expect;
          _context.next = 4;
          return driver.exists();
        case 4:
          _context.t1 = _context.sent;
          (0, _context.t0)(_context.t1).toBe(true);
        case 6:
        case "end":
          return _context.stop();
      }
    }, _callee);
  })));
  it('should render 5 avatars by default', /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
    var _render2, driver;
    return _regeneratorRuntime.wrap(function _callee2$(_context2) {
      while (1) switch (_context2.prev = _context2.next) {
        case 0:
          _render2 = render(/*#__PURE__*/React.createElement(AvatarGroup, {
            items: avatarItems,
            __self: _this,
            __source: {
              fileName: _jsxFileName,
              lineNumber: 63,
              columnNumber: 31
            }
          })), driver = _render2.driver;
          _context2.t0 = expect;
          _context2.next = 4;
          return driver.getVisibleAvatarsCount();
        case 4:
          _context2.t1 = _context2.sent;
          (0, _context2.t0)(_context2.t1).toBe(5);
        case 6:
        case "end":
          return _context2.stop();
      }
    }, _callee2);
  })));
  it('should render 4 avatars if maxItems prop is set to 4', /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
    var _render3, driver;
    return _regeneratorRuntime.wrap(function _callee3$(_context3) {
      while (1) switch (_context3.prev = _context3.next) {
        case 0:
          _render3 = render(/*#__PURE__*/React.createElement(AvatarGroup, {
            items: avatarItems,
            maxItems: 4,
            __self: _this,
            __source: {
              fileName: _jsxFileName,
              lineNumber: 68,
              columnNumber: 31
            }
          })), driver = _render3.driver;
          _context3.t0 = expect;
          _context3.next = 4;
          return driver.getVisibleAvatarsCount();
        case 4:
          _context3.t1 = _context3.sent;
          (0, _context3.t0)(_context3.t1).toBe(4);
        case 6:
        case "end":
          return _context3.stop();
      }
    }, _callee3);
  })));
  describe('moreIndicator', function () {
    it('should render moreIndicator', /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee4() {
      var _render4, driver;
      return _regeneratorRuntime.wrap(function _callee4$(_context4) {
        while (1) switch (_context4.prev = _context4.next) {
          case 0:
            _render4 = render(/*#__PURE__*/React.createElement(AvatarGroup, {
              items: avatarItems,
              __self: _this,
              __source: {
                fileName: _jsxFileName,
                lineNumber: 74,
                columnNumber: 33
              }
            })), driver = _render4.driver;
            _context4.t0 = expect;
            _context4.next = 4;
            return driver.getVisibleAvatarsCount();
          case 4:
            _context4.t1 = _context4.sent;
            (0, _context4.t0)(_context4.t1).toBe(5);
            _context4.t2 = expect;
            _context4.next = 9;
            return driver.isMoreIndicatorExist();
          case 9:
            _context4.t3 = _context4.sent;
            (0, _context4.t2)(_context4.t3).toBe(true);
          case 11:
          case "end":
            return _context4.stop();
        }
      }, _callee4);
    })));
    it('should not render moreIndicator', /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee5() {
      var _render5, driver;
      return _regeneratorRuntime.wrap(function _callee5$(_context5) {
        while (1) switch (_context5.prev = _context5.next) {
          case 0:
            _render5 = render(/*#__PURE__*/React.createElement(AvatarGroup, {
              items: avatarItems,
              maxItems: 8,
              __self: _this,
              __source: {
                fileName: _jsxFileName,
                lineNumber: 81,
                columnNumber: 9
              }
            })), driver = _render5.driver;
            _context5.t0 = expect;
            _context5.next = 4;
            return driver.getVisibleAvatarsCount();
          case 4:
            _context5.t1 = _context5.sent;
            (0, _context5.t0)(_context5.t1).toBe(8);
            _context5.t2 = expect;
            _context5.next = 9;
            return driver.isMoreIndicatorExist();
          case 9:
            _context5.t3 = _context5.sent;
            (0, _context5.t2)(_context5.t3).toBe(false);
          case 11:
          case "end":
            return _context5.stop();
        }
      }, _callee5);
    })));
    it('should return the number of the rest avatars on the moreIndicator avatar', /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee6() {
      var _render6, driver, expectedText;
      return _regeneratorRuntime.wrap(function _callee6$(_context6) {
        while (1) switch (_context6.prev = _context6.next) {
          case 0:
            _render6 = render(/*#__PURE__*/React.createElement(AvatarGroup, {
              items: avatarItems,
              maxItems: 7,
              __self: _this,
              __source: {
                fileName: _jsxFileName,
                lineNumber: 89,
                columnNumber: 9
              }
            })), driver = _render6.driver;
            expectedText = '2+';
            _context6.t0 = expect;
            _context6.next = 5;
            return driver.getVisibleAvatarsCount();
          case 5:
            _context6.t1 = _context6.sent;
            (0, _context6.t0)(_context6.t1).toBe(7);
            _context6.t2 = expect;
            _context6.next = 10;
            return driver.getMoreIndicatorContent();
          case 10:
            _context6.t3 = _context6.sent;
            (0, _context6.t2)(_context6.t3).toBe(expectedText);
          case 12:
          case "end":
            return _context6.stop();
        }
      }, _callee6);
    })));
    it('should display "9+" on moreIndicator for tiny size when more than 9 avatars are hidden', /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee7() {
      var _render7, driver, expectedText;
      return _regeneratorRuntime.wrap(function _callee7$(_context7) {
        while (1) switch (_context7.prev = _context7.next) {
          case 0:
            _render7 = render(/*#__PURE__*/React.createElement(AvatarGroup, {
              size: "tiny",
              items: [].concat(avatarItems, avatarItems),
              maxItems: 5,
              __self: _this,
              __source: {
                fileName: _jsxFileName,
                lineNumber: 98,
                columnNumber: 9
              }
            })), driver = _render7.driver;
            expectedText = '9+';
            _context7.t0 = expect;
            _context7.next = 5;
            return driver.getVisibleAvatarsCount();
          case 5:
            _context7.t1 = _context7.sent;
            (0, _context7.t0)(_context7.t1).toBe(5);
            _context7.t2 = expect;
            _context7.next = 10;
            return driver.getMoreIndicatorContent();
          case 10:
            _context7.t3 = _context7.sent;
            (0, _context7.t2)(_context7.t3).toBe(expectedText);
          case 12:
          case "end":
            return _context7.stop();
        }
      }, _callee7);
    })));
  });
  it('should return the text content of the avatar', /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee8() {
    var expectedTextContent, _render8, driver;
    return _regeneratorRuntime.wrap(function _callee8$(_context8) {
      while (1) switch (_context8.prev = _context8.next) {
        case 0:
          expectedTextContent = 'SD';
          _render8 = render(/*#__PURE__*/React.createElement(AvatarGroup, {
            items: avatarItems,
            __self: _this,
            __source: {
              fileName: _jsxFileName,
              lineNumber: 113,
              columnNumber: 31
            }
          })), driver = _render8.driver;
          _context8.t0 = expect;
          _context8.next = 5;
          return driver.getVisibleAvatarTextContentByIndex(1);
        case 5:
          _context8.t1 = _context8.sent;
          (0, _context8.t0)(_context8.t1).toBe(expectedTextContent);
        case 7:
        case "end":
          return _context8.stop();
      }
    }, _callee8);
  })));
});