verify disabled radio scenario

Author: jimuelmedrano

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

@@ -45,6 +45,17 @@ Feature: Letcode Radio Page
  When I click radio page
  And I check and print which option is selected
 
+ Examples:
+ | |
+ | |
+
+ @regression @radio
+ Scenario Outline: As a user, I can verify that last option is disabled
+
+ Given I am on letcode workspace page
+ When I click radio page
+ And I verify that last radio option is disabled
+ 
  Examples:
  | |
  | |

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

@@ -8,6 +8,7 @@ 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']`) };
 
  //1. select one radio option
  async selectFirstRadio(){
@@ -72,6 +73,11 @@ class RadioPage extends Page {
  }
  }
 
+ async verifyRadioDisabled(){
+ const elmDisabledOptions = await this.disabledOptions;
+ await expect(elmDisabledOptions).toBeDisabled();
+ }
+
 }
 
 export default new RadioPage();

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

@@ -36,6 +36,12 @@ When(/^I confirm that both option of the third radio automation challenge is sel
 await RadioPage.verifyRadioBug();
 });
 
+//4. verify which option is selected
 When(/^I check and print which option is selected$/, async () => {
 await RadioPage.printSelectedOption();
 });
+
+//5. verify last radio option is disabled
+When(/^I verify that last radio option is disabled$/, async () => {
+await RadioPage.verifyRadioDisabled();
+});