accept terms and conditions scenario

Author: jimuelmedrano

wdio-test/features/radio-features/radio.feature

@@ -61,12 +61,23 @@ Feature: Letcode Radio Page
  | |
 
  @regression @radio
- Scenario Outline: As a user, I can verify that last option is disabled
+ Scenario Outline: As a user, I can verify that checkbox is selected
 
  Given I am on letcode workspace page
  When I click radio page
  And I verify that checkbox is selected
 
+ Examples:
+ | |
+ | |
+
+ @regression @radio
+ Scenario Outline: As a user, I can accept the terms and conditions
+
+ Given I am on letcode workspace page
+ When I click radio page
+ And I click checkbox to accept the terms and conditions
+ 
  Examples:
  | |
  | |

wdio-test/page-objects/radio-pages/radio.page.ts

@@ -8,8 +8,9 @@ class RadioPage extends Page {
  get radioNoBugOption(){ return $(`//input[@id='nobug']`) };
  get radioBugOption(){ return $(`//input[@id='bug']`) };
  get fooBarOptions(){ return $$(`//input[@name='foobar']`) };
- get disabledOptions(){ return $$(`//input[@id='maybe']`) };
- get selectedCheckbox(){ return $$(`//input[@id='maybe']`) };
+ get disabledOptions(){ return $(`//input[@id='maybe']`) };
+ get selectedCheckbox(){ return $(`//label[normalize-space()='Remember me']//input`) };
+ get agreeToTerms(){ return $(`//label[contains(text(),'I agree')]//input`) };
 
  //1. select one radio option
  async selectFirstRadio(){
@@ -82,8 +83,14 @@ class RadioPage extends Page {
 
  //6. verify selected checkbox
  async verifyCheckboxSelected(){
- const elmDisabledOptions = await this.disabledOptions;
- await expect(elmDisabledOptions).toBeDisabled();
+ const elmSelectedCheckbox = await this.selectedCheckbox;
+ await expect(elmSelectedCheckbox).toBeSelected();
+ }
+
+ //7. accept terms and conditions
+ async checkSelectedCheckbox(){
+ const elmAgreeToTerms = await this.agreeToTerms;
+ await this.click(elmAgreeToTerms);
  }
 }
 

wdio-test/step-definitions/radio-steps/radio.step.ts

@@ -48,5 +48,10 @@ When(/^I verify that last radio option is disabled$/, async () => {
 
 //6. verify selected checkbox
 When(/^I verify that checkbox is selected$/, async () => {
-await RadioPage.verifyRadioDisabled();
+await RadioPage.verifyCheckboxSelected();
+});
+
+//7. accept terms and conditions
+When(/^I click checkbox to accept the terms and conditions$/, async () => {
+await RadioPage.checkSelectedCheckbox();
 });