Given Steps

Given that an application is hosted at {url}
1
Scenario: Autokin Web
2
    Given that an application is hosted at "https://www.autokinjs.com"
Copied!
​
Given that I reload the page
Forces to reload the page
1
Scenario: Autokin Web
2
    Given that an application is hosted at "https://www.autokinjs.com"
3
    Given that I reload the page
Copied!
​
Given that I set the browser window size to {width} and {height}
1
Scenario: Autokin Web
2
    Given that an application is hosted at "https://www.autokinjs.com"
3
    Given that I set the browser window size to "1200" and "800"
4
​
5
Scenario: Autokin Web
6
    Given that an application is hosted at "https://www.autokinjs.com"
7
    Given that I set the browser window size to 1200 and 800
Copied!
​
Given that I emulate as {device name} device
1
Scenario: Autokin Web
2
    Given that an application is hosted at "https://www.autokinjs.com"
3
    Given that I set the browser window size to "1200" and "800"
4
    Given that I emulate as "iPad Pro" device
Copied!
For device list, see Supported Emulated Devices​
​
Given that I set mode to {mode} with {options}
​
Mobile Web Switch Mode
To switch in mobile mode, option should be any of the supported devices.
1
Scenario: Autokin Web
2
    Given that an application is hosted at "https://www.autokinjs.com"
3
    Given that I set the browser window size to "1200" and "800"
4
    Given that I set mode to "mobile" with "iPad Pro"
Copied!
​
Desktop Switch Mode
To use desktop mode, option should be widht,height format, see example below.
1
Scenario: Autokin Web
2
    Given that an application is hosted at "https://www.autokinjs.com"
3
    Given that I set the browser window size to "1200" and "800"
4
    Given that I set mode to "desktop" with "1200,800"
Copied!
​
Mocking or Intercepting API Calls
​
Given that I mock API with
This can be used if you are mocking API calls within the web application and would expect that the API responding with JSON format.
1
Scenario: Autokin Web
2
    Given that an application is hosted at "https://www.autokinjs.com"
3
    Given that I set the browser window size to "1200" and "800"
4
    Given that I mock API with
5
    ```
6
    {
7
        "method": "GET",
8
        "url": "/hello-world",
9
        "status": 200,
10
        "body": {
11
            "message": "hello"
12
        }
13
    }
14
    ```
Copied!
​
Given that I mock URL with
This can be used if you are mocking loading of images.
1
Scenario: Autokin Web
2
    Given that an application is hosted at "https://www.autokinjs.com"
3
    Given that I set the browser window size to "1200" and "800"
4
    Given that I mock URL with
5
    ```
6
    {
7
        "method": "GET",
8
        "url": "/images/logo.png",
9
        "status": 200,
10
        "image": "./folder/mocked-image.png"
11
    }
12
    ```
Copied!
If there is a loading of image during the web application processing, we can mock it. In the above example, if logo.png is retrieve, instead of getting from the source location, we will intercept and replace that image with file specified in image attribute.
​
Given that I mock API with {json file}
We can also have pre-written mock definition in file, and we can reference using this step
1
Scenario: Autokin Web
2
    Given that an application is hosted at "https://www.autokinjs.com"
3
    Given that I set the browser window size to "1200" and "800"
4
    Given that I mock API with "./mocks/login.json"
Copied!