The WebdriverIO Bootcamp [2020]

Review wdio config file explains configuring runner options, remote services, specs and excludes, capabilities, test configuration, base url, wait for timeout, services, framework, reporters, and hooks.

Discover JavaScript testing frameworks, understand what a testing framework does, and compare Mocha and Chai with Mocha's built-in assertion library while learning about spies and test suites.

Install chai and chai webdriver, configure them in the wdio before hook, import chai and chai webdriver, and enable global expect for assertions in tests.

Use the ripple interface to debug and inspect tests. Install and start selenium standalone, run a session, and fetch the page title, then practice selectors and input interactions.

Configure two npm scripts to run tests and open the ripple interface, wiring package.json accordingly and enabling test launches with selenium standalone server.

Write webdriverio tests for the tabs component, validating the first tab on load and the active header color black versus non-active blue, using getAttribute and getCSSProperty.

Learn to validate a three-image carousel with WebdriverIO by checking slide count, rendering of images and captions, and navigating between slides using next and previous controls.

Learn to test a tooltip component with webdriverio by validating its visibility on page load, on button click, and on escape, using chrome dev tools and npm test commands.

Master iframe testing in WebdriverIO by loading the iframe page, clicking a button to reveal text, switching to the iframe, and asserting the header text equals the expected value.

Automate modal interactions with WebdriverIO by building a test that triggers a modal after a 13-second delay, waits for display, and verifies visibility.

Demonstrate a webdriverio drag and drop test by navigating to the page, identifying draggable and droppable elements, performing drag and drop via dragAndDrop, and verifying the target text updates accordingly.

Discover how headless Chrome runs tests in a browser context, configure capabilities with Chrome options and args like --headless and --disable-gpu, and confirm no Chrome tab opens.

Explore reporters in WebdriverIO and learn how to switch from the default spec reporter to the dot reporter by installing and configuring it to display test results.

Install and configure the reporter for WebdriverIO, run tests to generate the report, and observe how a failing spec updates the reporter output.

Install the json reporter for webdriverio and configure it in the wdio config to output json reports. Run tests to generate a json-report folder containing all results.

Install and configure the allure reporter for webdriverio, then generate and view the allure-results report, and add an npm script to regenerate the dashboard.

Learn to integrate the video reporter for WebdriverIO, install the npm package, configure video saving, declare the reporter, run tests, and view execution videos in the allure dashboard.

Learn to install and configure the mochawesome reporter for WebdriverIO, merge test results into a single json, and generate a dashboard with the mochawesome dashboard generator.

Install the timeline reporter for WebdriverIO, add it to reporters array, and configure output directory, report name, and before-click screenshot strategy; then run tests to generate the html timeline report.

Learn to set up the report portal reporter for WebdriverIO, install and configure the report portal dashboard, docker, and npm packages, and visualize test results on a local dashboard.

Install the sumalogic reporter via npm, configure a reporters array with sync interval and source address from dotenv, and create a collector to capture test logs on the dashboard.

Install g unit reporter npm package, configure it in reporters array, set output directory to a reports path, then run tests to generate and view the junit report.

Learn to install and configure reporters in the WebdriverIO bootcamp, and create a custom reporter that exports a markdown file of failed tests and assertion errors, merging into a report.

Build the skeleton for a custom reporter by extending the webdriverio reporter, implementing a constructor with options, managing an output directory, and wiring it into the configuration.

Build a markdown report header for WebdriverIO by using hooks to track test order and generate the header with the report title, date, and a failed tests section using moment.

Finish building the markdown reporter by implementing create report and write report, generate a failure display, and write markdown results to an output file.

Explore how WebdriverIO runs tests on cloud services beyond the local browser, unlocking more capabilities and operating system options, with examples of cloud services and integration tips.

Learn to set up TestingBot cloud service in a WebdriverIO project by installing the npm package, configuring services, managing API keys and secrets, and running tests with npm scripts.

Learn to use BrowserStack with WebdriverIO by installing the npm package, configuring the service, setting Chrome capabilities, and applying credentials from the BrowserStack dashboard for running tests.

install the npm package for cross browser testing and configure the service. set credentials and host details, define capabilities, and enable video and network recording for Firefox on Windows.

Learn to create a custom WebdriverIO service that sends Slack notifications on test failures, import it into the config, and view running test reports and failed test details.

Create a slick app, set up an incoming webhook, and build a skeleton service with a configuration object to send messages.

Finish building the Slack service by configuring the webhook, assembling attachments from test results (title and error), and sending a colored notification after each failed test.

Learn how continuous integration and delivery automate building and deploying applications, with code pushed to GitHub triggering tests and either deploying or sending notifications on errors.

Integrate Travis CI with our project by creating a .travis.yml, configuring node language and version, and enabling a Travis branch to run npm install and npm test on GitHub push.

Configure CircleCI for a WebdriverIO project using a Node docker image, with steps to checkout, npm install, install chrome, run tests, and push to GitHub on the circus branch.