# When Steps

### When I navigate to `{url path}` <a href="#when-i-navigate-to-url-path" id="when-i-navigate-to-url-path"></a>

Navigate to certain URL path that is relative to the main application host URL.

```
Scenario: Autokin Web
    Given that an application is hosted at "https://www.autokinjs.com"
    Given that I set the browser window size to "1200" and "800"
    When I navigate to "/docs/devices"
```

### &#x20;<a href="#when-i-set-value-to-input-element-with-css-selector-selector" id="when-i-set-value-to-input-element-with-css-selector-selector"></a>

### When I set `{value}` to input element with `{CSS selector}` selector <a href="#when-i-set-value-to-input-element-with-css-selector-selector" id="when-i-set-value-to-input-element-with-css-selector-selector"></a>

Typing or setting value to an input field or element

```
Scenario: Autokin Web
    Given that an application is hosted at "https://www.autokinjs.com"
    Given that I set the browser window size to "1200" and "800"
    When I navigate to "/docs/devices"
    When I set "Hello" to input element with "#welcomeIdField"
```

### &#x20;<a href="#when-i-click-on-css-selector" id="when-i-click-on-css-selector"></a>

### When I click on `{CSS selector}` <a href="#when-i-click-on-css-selector" id="when-i-click-on-css-selector"></a>

Performing click action on any element based on CSS selector

```
Scenario: Autokin Web
    Given that an application is hosted at "https://www.autokinjs.com"
    Given that I set the browser window size to "1200" and "800"
    When I navigate to "/docs/devices"
    When I set "myusername" to input element with "#username"
    When I set "mypassword" to input element with "#password"
    When I click on "#loginbtn"
```

### &#x20;<a href="#when-i-hover-on-css-selector" id="when-i-hover-on-css-selector"></a>

### When I hover on `{CSS selector}` <a href="#when-i-hover-on-css-selector" id="when-i-hover-on-css-selector"></a>

Moves the cursor over certain CSS selector to trigger hover effect if needed

```
Scenario: Autokin Web
    Given that an application is hosted at "https://www.autokinjs.com"
    Given that I set the browser window size to "1200" and "800"
    When I navigate to "/docs/devices"
    When I set "myusername" to input element with "#username"
    When I set "mypassword" to input element with "#password"
    When I hover on "#loginbtn"
```