wix-style-react/src/IconWithOptions/README.TESTKIT.md

wix-style-react

## IconWithOptions TestKit API

#### Protractor test kit:

| method | arguments | returned value | description |
|--------|-----------|----------------|-------------|
| mouseEnter | - | - | move mouse over the icon |
| mouseLeave | - | - | move the mouse from the component |
| getDropdown | - | element | get the dropdown element |
| getDropdownItem | number | element | get the item index <arg> |
| getDropdownItemsCount | - | number | get number of options |
| element | - | element | get the actual element |
  

## Usage Example

> E2E example
```javascript
  //Element should be rendered with a data-hook into the DOM
  <IconWithOptions dataHook="myDataHook">
    <IconWithOptions.Icon><Image size="30"/></IconWithOptions.Icon>
    <IconWithOptions.Option id="1">Option 1</IconWithOptions.Option>
    <IconWithOptions.Option id="2">Option 2</IconWithOptions.Option>
    <IconWithOptions.Option id="3">Option 3</IconWithOptions.Option>
  </IconWithOptions>

  /**********************
   Protractor example
  **********************/

  import {iconWithOptionsTestkitFactory, waitForVisibilityOf} from 'wix-style-react/dist/testkit/protractor';

  //Create an element testkit via the data-hook attribute
  const testkit = iconWithOptionsTestkitFactory({dataHook: 'myDataHook'});

  browser.get(appUrl);  //Your application url

  waitForVisibilityOf(testkit.element(), 'Cannot find Dropdown')
     .then(() => {
       //Do tests
        expect(testkit.element().isDisplayed()).toBeTruthy();
     });
```