Small fixes, fix inheritance (#2269)

* Updated to click the firstVisibleElement (#2230)

Earlier it seems like it was clicking the first element. Now it clicks the first visible element,

* add missing JSDoc parameter for seeInPopup method, update documentation (#2228)

* add missing JSDoc parameter for seeInPopup method, update documentation

* refactor duplicated JSDoc of seeInSource method to mustache file

* update interactive shell in basics.md (#2256)

I guess docs had older version?

* Update playwright.md (#2255)

Edits update to new generator version, minor typos, clarifications.

Otherwise good overview docs!

* Readme update and fix import (#2267)

* remove let, add const

* fix import error

* Small fixes, fix inheritance

* fix eslint

* alignment

* fix comments

Co-authored-by: SS <syam.s@outlook.com>
Co-authored-by: Hanna Becker <hanna.e.becker@gmail.com>
Co-authored-by: Tom Byrer <tomByrer@gmail.com>
Co-authored-by: João Paulo Vanzuita <joao.vanzuita@cobi.bike>
Co-authored-by: Michael Bodnarchuk <DavertMik@users.noreply.github.com>

Author: 6 people

.eslintrc.json

@@ -6,7 +6,7 @@
   "rules": {
     "func-names": 0,
     "no-use-before-define": 0,
-    "no-unused-vars": 0,
+    "no-unused-vars": 2,
     "no-underscore-dangle": 0,
     "no-undef": 0,
     "prefer-destructuring": 0,

README.md

@@ -182,13 +182,13 @@ In case you need to return a value from a webpage and use it directly in test, y
 They are expected to be used inside async/await functions, and their results will be available in test:
 
 ```js
-let assert = require('assert');
+const assert = require('assert');
 
 Feature('CodeceptJS Demonstration');
 
 Scenario('test page title', async (I) => {
   I.amOnPage('http://simple-form-bootstrap.plataformatec.com.br/documentation');
-  let title = await I.grabTitle();
+  const title = await I.grabTitle();
   assert.equal(title, 'Example application with SimpleForm and Twitter Bootstrap');
 });
 ```

docs/basics.md

@@ -431,10 +431,11 @@ This launches the interactive console where you can call any action from the `I`
 ```
  Interactive shell started
  Press ENTER to resume test
- - Use JavaScript syntax to try steps in action
+ Use JavaScript syntax to try steps in action
+ - Press ENTER to run the next step
  - Press TAB twice to see all available commands
- - Enter next to run the next step
-
+ - Type exit + Enter to exit the interactive shell
+ - Prefix => to run js commands 
  I.
 ```
 

docs/helpers/Playwright.md

@@ -1267,9 +1267,13 @@ I.seeInField('#searchform input','Search');
 Checks that the active JavaScript popup, as created by `window.alert|window.confirm|window.prompt`, contains the
 given string.
 
+```js
+I.seeInPopup('Popup text');
+```
+
 #### Parameters
 
--   `text`  
+-   `text` **[string][7]** value to check.
 
 ### seeInSource
 

docs/helpers/Protractor.md

@@ -1094,9 +1094,13 @@ I.seeInField('#searchform input','Search');
 Checks that the active JavaScript popup, as created by `window.alert|window.confirm|window.prompt`, contains the
 given string.
 
+```js
+I.seeInPopup('Popup text');
+```
+
 #### Parameters
 
--   `text`  
+-   `text` **[string][9]** value to check.
 
 ### seeInSource
 

docs/helpers/Puppeteer.md

@@ -1366,9 +1366,13 @@ I.seeInField('#searchform input','Search');
 Checks that the active JavaScript popup, as created by `window.alert|window.confirm|window.prompt`, contains the
 given string.
 
+```js
+I.seeInPopup('Popup text');
+```
+
 #### Parameters
 
--   `text`  
+-   `text` **[string][8]** value to check.
 
 ### seeInSource
 

docs/playwright.md

@@ -28,7 +28,7 @@ It's readable and simple and working using Playwright API!
 To start you need CodeceptJS with Playwright packages installed
 
 ```bash
-npm install codeceptjs playwright@^0.10.0 --save
+npm install codeceptjs playwright@^0.11.1 --save
 ```
 
 Or see [alternative installation options](http://codecept.io/installation/)
@@ -52,7 +52,8 @@ Make sure `Playwright` helper is enabled in `codecept.conf.js` config:
   helpers: {
     Playwright: {
       url: "http://localhost",
-      show: true
+      show: true,
+      browser: 'chromium'
     }
   }
   // ..
@@ -75,6 +76,7 @@ When to consider navigation succeeded, defaults to `load`. Given an array of eve
     Playwright: {
       url: "http://localhost",
       show: true,
+      browser: 'chromium',
       waitForNavigation: "networkidle0"
     }
   }
@@ -87,7 +89,7 @@ It will wait for a small amount of time (100ms) by default after each user actio
 
 ## Writing Tests
 
-CodeceptJS test should be created with `gt` command:
+Additional CodeceptJS tests should be created with `gt` command:
 
 ```sh
 npx codeceptjs gt
@@ -110,7 +112,7 @@ Tests consist with a scenario of user's action taken on a page. The most widely
 
 > ℹ  All actions are listed in [Playwright helper reference](http://codecept.io/helpers/Playwright/).*
 
-All actions which interact with elements **support CSS and XPath locators**. Actions like `click` or `fillField` by locate elements by their name or value on a page:
+All actions which interact with elements can use **[CSS or XPath locators](https://codecept.io/locators/#css-and-xpath)**. Actions like `click` or `fillField` can locate elements by their name or value on a page:
 
 ```js
 // search for link or button

docs/plugins.md

@@ -392,10 +392,6 @@ Enable it manually on each run via `-p` option:
 
     npx codeceptjs run -p pauseOnFail
 
-### Parameters
-
--   `config`  
-
 ## puppeteerCoverage
 
 Dumps puppeteers code coverage after every test.

docs/webapi/seeInPopup.mustache

@@ -0,0 +1,7 @@
+Checks that the active JavaScript popup, as created by `window.alert|window.confirm|window.prompt`, contains the
+given string.
+
+```js
+I.seeInPopup('Popup text');
+```
+@param {string} text value to check.

examples/fragments/Signin.js

@@ -1,3 +1,4 @@
+/* eslint-disable */
 let I;
 
 module.exports = {