wix-style-react/dist/src/AutoComplete/AutoComplete.e2e.js

wix-style-react

'use strict';

var _eyesIt = require('../../test/utils/eyes-it');

var _protractor = require('wix-ui-test-utils/protractor');

var _storybookHelpers = require('../../test/utils/storybook-helpers');

var _protractor2 = require('../../testkit/protractor');

var _wixEventually = require('wix-eventually');

var _wixEventually2 = _interopRequireDefault(_wixEventually);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function _asyncToGenerator(fn) { return function () { var gen = fn.apply(this, arguments); return new Promise(function (resolve, reject) { function step(key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { return Promise.resolve(value).then(function (value) { step("next", value); }, function (err) { step("throw", err); }); } } return step("next"); }); }; }

describe('AutoComplete', function () {
  var storyUrl = (0, _storybookHelpers.getStoryUrl)('4. Selection', '4.1 + AutoComplete');
  var dataHook = 'story-autocomplete';

  var eyes = (0, _eyesIt.eyesItInstance)();

  eyes.it('should open autocomplete when it focused', _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2() {
    var driver;
    return regeneratorRuntime.wrap(function _callee2$(_context2) {
      while (1) {
        switch (_context2.prev = _context2.next) {
          case 0:
            driver = (0, _protractor2.autoCompleteTestkitFactory)({ dataHook: dataHook });
            _context2.next = 3;
            return browser.get(storyUrl);

          case 3:
            _context2.next = 5;
            return (0, _protractor.waitForVisibilityOf)(driver.element(), 'Cannot find AutoComplete');

          case 5:
            _context2.t0 = expect;
            _context2.next = 8;
            return driver.getDropdown().isDisplayed();

          case 8:
            _context2.t1 = _context2.sent;
            (0, _context2.t0)(_context2.t1).toBe(false);
            _context2.next = 12;
            return driver.click();

          case 12:
            _context2.next = 14;
            return (0, _wixEventually2.default)(_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
              return regeneratorRuntime.wrap(function _callee$(_context) {
                while (1) {
                  switch (_context.prev = _context.next) {
                    case 0:
                      _context.t0 = expect;
                      _context.next = 3;
                      return driver.getDropdown().isDisplayed();

                    case 3:
                      _context.t1 = _context.sent;
                      (0, _context.t0)(_context.t1).toBe(true);

                    case 5:
                    case 'end':
                      return _context.stop();
                  }
                }
              }, _callee, undefined);
            })));

          case 14:
            _context2.t2 = expect;
            _context2.next = 17;
            return driver.getDropdownItemsCount();

          case 17:
            _context2.t3 = _context2.sent;
            (0, _context2.t2)(_context2.t3).toEqual(5);
            _context2.next = 21;
            return driver.getInput().sendKeys('first');

          case 21:
            _context2.t4 = expect;
            _context2.next = 24;
            return driver.getDropdownItemsCount();

          case 24:
            _context2.t5 = _context2.sent;
            (0, _context2.t4)(_context2.t5).toEqual(1);
            _context2.t6 = expect;
            _context2.next = 29;
            return driver.getDropdownItem(0);

          case 29:
            _context2.t7 = _context2.sent;
            (0, _context2.t6)(_context2.t7).toBe('First option');

          case 31:
          case 'end':
            return _context2.stop();
        }
      }
    }, _callee2, undefined);
  })));

  eyes.it('should choose one of autocomplete items', _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee3() {
    var driver;
    return regeneratorRuntime.wrap(function _callee3$(_context3) {
      while (1) {
        switch (_context3.prev = _context3.next) {
          case 0:
            driver = (0, _protractor2.autoCompleteTestkitFactory)({ dataHook: dataHook });
            _context3.next = 3;
            return browser.get(storyUrl);

          case 3:
            _context3.next = 5;
            return (0, _protractor.waitForVisibilityOf)(driver.element(), 'Cannot find AutoComplete');

          case 5:
            _context3.next = 7;
            return driver.click();

          case 7:
            _context3.next = 9;
            return driver.getDropdownItem(2).click();

          case 9:
            _context3.t0 = expect;
            _context3.next = 12;
            return driver.getInput().getAttribute('value');

          case 12:
            _context3.t1 = _context3.sent;
            (0, _context3.t0)(_context3.t1).toBe('Third option');

          case 14:
          case 'end':
            return _context3.stop();
        }
      }
    }, _callee3, undefined);
  })));
});