👋 Welcome to the SkyNews webPage Automated Scripts using Bdd Framework

• This repo contains an test scripts written in Cypress using Bdd Framework.

• The tests are written to be directly compared to the SkyNews Webpage.

• Requirements

1. Install Cypress via npm:
2. cd /your/project/path
3. npm install cypress --save-dev

Install the plugin by running:

npm install --save-dev cypress-cucumber-preprocessor

Add it to your plugins:

cypress/plugins/index.js

const cucumber = require('cypress-cucumber-preprocessor').default

module.exports = (on, config) => {
  on('file:preprocessor', cucumber())
}

Add support for feature files to your Cypress configuration

cypress.json

{
    "testFiles": "**/*.{feature,features}"
}

Used Smart tagging

1. @focus

Visual Studio Code

Install VS code Icons File > Preferences > File Icon Theme > VSCode Icons.

1. Using the BDD (Given/When/Then) format, write 5 test cases that relate to features of the SkyNews.com homepage, using a full screen desktop view.
2. Verify the browser tab’s title.
3. Verify the number of categories displayed and their names.
4. Verify the default focus point is on the Home category.
5. Verify that if the user then clicks on ‘Climate’, this becomes the focus.
6. Select a story from the homepage. Verify that a word of your choice in the title text of the article you have just selected appears once title of the new page loads.