verify radio bug scenario

Author: jimuelmedrano

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

@@ -11,7 +11,7 @@ Feature: Letcode Radio Page
  Examples:
  | |
  | |
-
+ 
  @regression @radio
  Scenario Outline: As a user, I can verify that only one radio option can be selected
 
@@ -22,6 +22,18 @@ Feature: Letcode Radio Page
  And I select the second radio of the second radio automation challenge
  And I confirm that the first radio is not selected
 
+ Examples:
+ | |
+ | |
+
+ @regression @radio
+ Scenario Outline: As a user, I can verify that the radion options has a bug
+
+ Given I am on letcode workspace page
+ When I click radio page
+ And I select the both radio of the third radio automation challenge
+ And I confirm that both option of the third radio automation challenge is selected
+ 
  Examples:
  | |
  | |

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

@@ -5,6 +5,8 @@ class RadioPage extends Page {
  get firstRadioOption(){ return $(`//input[@id='yes']`) };
  get radioOneOption(){ return $(`//input[@id='one']`) };
  get radioTwoOption(){ return $(`//input[@id='two']`) };
+ get radioNoBugOption(){ return $(`//input[@id='nobug']`) };
+ get radioBugOption(){ return $(`//input[@id='bug']`) };
 
  //1. select one radio option
  async selectFirstRadio(){
@@ -43,6 +45,22 @@ class RadioPage extends Page {
  await expect(elmRadioOneOption).not.toBeSelected();
  }
 
+ //3. verify that radio options has bug
+ async selectBothRadioBug(){
+ const elmRadioNoBugOption = await this.radioNoBugOption;
+ const elmRadioBugOption = await this.radioBugOption;
+ await this.click(elmRadioNoBugOption);
+ await this.click(elmRadioBugOption);
+ }
+
+ async verifyRadioBug(){
+ const elmRadioNoBugOption = await this.radioNoBugOption;
+ const elmRadioBugOption = await this.radioBugOption;
+ await expect(elmRadioNoBugOption).toBeSelected();
+ await expect(elmRadioBugOption).toBeSelected();
+ }
+
+
 }
 
 export default new RadioPage();

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

@@ -26,3 +26,13 @@ When(/^I select the second radio of the second radio automation challenge$/, asy
 When(/^I confirm that the first radio is not selected$/, async () => {
 await RadioPage.verifyRadioTwo();
 });
+
+//3. verify that radio options has bug
+When(/^I select the both radio of the third radio automation challenge$/, async () => {
+await RadioPage.selectBothRadioBug();
+});
+
+When(/^I confirm that both option of the third radio automation challenge is selected$/, async () => {
+await RadioPage.verifyRadioBug();
+});
+