wix-style-react/dist/es/src/Slider/Slider.e2e.js

wix-style-react

var _this = this;

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"); }); }; }

import eyes from 'eyes.it';
import { sliderTestkitFactory } from '../../testkit/protractor';
import { waitForVisibilityOf } from 'wix-ui-test-utils/protractor';
import { getStoryUrl } from '../../test/utils/storybook-helpers';

describe('Slider', function () {
  var storyUrl = getStoryUrl('4. Selection', '4.7 Slider');

  eyes.it('single handle flow', _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
    var dataHook, driver, handleTooltipValue;
    return regeneratorRuntime.wrap(function _callee$(_context) {
      while (1) {
        switch (_context.prev = _context.next) {
          case 0:
            dataHook = 'story-slider';
            driver = sliderTestkitFactory({ dataHook: dataHook });
            handleTooltipValue = void 0;


            browser.get(storyUrl);

            waitForVisibilityOf(driver.element(), 'Cant find Slider');

            _context.next = 7;
            return driver.handleTooltipValue({ index: 0 });

          case 7:
            handleTooltipValue = _context.sent;

            expect(handleTooltipValue).toEqual(3);

            _context.next = 11;
            return driver.hoverHandle({ index: 0 });

          case 11:
            expect(driver.isHandleTooltipDisplayed()).toBe(true);

            _context.next = 14;
            return driver.unHoverHandle({ index: 0 });

          case 14:
            expect(driver.isHandleTooltipDisplayed()).toBe(false);

            driver.dragHandle({ index: 0, offset: 1 });
            _context.next = 18;
            return driver.handleTooltipValue({ index: 0 });

          case 18:
            handleTooltipValue = _context.sent;

            expect(handleTooltipValue).toBe(4);

          case 20:
          case 'end':
            return _context.stop();
        }
      }
    }, _callee, _this);
  })));

  eyes.it('multiple handles flow', _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2() {
    var dataHook, driver, handleTooltipValue;
    return regeneratorRuntime.wrap(function _callee2$(_context2) {
      while (1) {
        switch (_context2.prev = _context2.next) {
          case 0:
            dataHook = 'story-slider-multiple';
            driver = sliderTestkitFactory({ dataHook: dataHook });
            handleTooltipValue = void 0;


            browser.get(storyUrl);

            waitForVisibilityOf(driver.element(), 'Cant find Slider');

            _context2.next = 7;
            return driver.handleTooltipValue({ index: 0 });

          case 7:
            handleTooltipValue = _context2.sent;

            expect(handleTooltipValue).toEqual(3);

            _context2.next = 11;
            return driver.handleTooltipValue({ index: 1 });

          case 11:
            handleTooltipValue = _context2.sent;

            expect(handleTooltipValue).toEqual(4);

            _context2.next = 15;
            return driver.handleTooltipValue({ index: 2 });

          case 15:
            handleTooltipValue = _context2.sent;

            expect(handleTooltipValue).toEqual(5);

            driver.dragHandle({ index: 0, offset: 3 });
            _context2.next = 20;
            return driver.handleTooltipValue({ index: 0 });

          case 20:
            handleTooltipValue = _context2.sent;

            expect(handleTooltipValue).toEqual(4);

            _context2.next = 24;
            return driver.handleTooltipValue({ index: 1 });

          case 24:
            handleTooltipValue = _context2.sent;

            expect(handleTooltipValue).toEqual(5);

            _context2.next = 28;
            return driver.handleTooltipValue({ index: 2 });

          case 28:
            handleTooltipValue = _context2.sent;

            expect(handleTooltipValue).toEqual(6);

          case 30:
          case 'end':
            return _context2.stop();
        }
      }
    }, _callee2, _this);
  })));
});