import * as eyes from 'eyes.it';
import {getStoryUrl, scrollToElement, mouseLeave} from 'wix-ui-test-utils/protractor';
import {checkboxTestkitFactory} from 'wix-ui-core/dist/src/testkit/protractor';
import {browser} from 'protractor';
import * as autoExampleDriver from 'wix-storybook-utils/AutoExampleDriver';

describe('Checkbox', () => {
  const storyUrl = getStoryUrl('Components', 'Checkbox');
  const dataHook = 'storybook-checkbox';

  beforeAll(() => browser.get(storyUrl));
  afterEach(async () => {
    await autoExampleDriver.reset();
  });

  describe('not hovered', () => {
    eyes.it('should be unchecked', async () => {
      const driver = checkboxTestkitFactory({dataHook});
      expect(await driver.isChecked()).toBeFalsy();
    });
    
    eyes.it('should be checked', async () => {
      await autoExampleDriver.setProps({checked: true});
      const driver = checkboxTestkitFactory({dataHook});
      expect(await driver.isChecked()).toBeTruthy();
    });
    
    eyes.it('should be indetermined', async () => {
      await autoExampleDriver.setProps({indeterminate: true});
      const driver = checkboxTestkitFactory({dataHook});
      // TODO: implement driver.isIndeterminate() in wix-ui-core
      // expect(await driver.isIndeterminate()).toBeTruthy();
    });
  });


  it('should be unchecked and not disabled by default', async () => {
    const driver = checkboxTestkitFactory({dataHook});
    expect(await driver.isChecked()).toBe(false);
    expect(await driver.isDisabled()).toBe(false);
  });

  it('should be checked when clicked', async () => {
    const driver = checkboxTestkitFactory({dataHook});
    expect(await driver.isChecked()).toBe(false);
    await driver.click();
    expect(await driver.isChecked()).toBe(true);
  });
});