verify that only one radio is selected scenario

Author: jimuelmedrano

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

@@ -8,6 +8,20 @@ Feature: Letcode Radio Page
  And I select one of the first radio options
  Then I confirm that the first radio button is selected
 
+ Examples:
+ | |
+ | |
+
+ @regression @radio
+ Scenario Outline: As a user, I can verify that only one radio option can be selected
+
+ Given I am on letcode workspace page
+ When I click radio page
+ And I select the first radio of the second radio automation challenge
+ And I confirm that the second radio is not selected
+ And I select the second radio of the second radio automation challenge
+ And I confirm that the first radio is not selected
+
  Examples:
  | |
  | |

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

@@ -3,6 +3,8 @@ import Page from '../page.js';
 class RadioPage extends Page {
 
  get firstRadioOption(){ return $(`//input[@id='yes']`) };
+ get radioOneOption(){ return $(`//input[@id='one']`) };
+ get radioTwoOption(){ return $(`//input[@id='two']`) };
 
  //1. select one radio option
  async selectFirstRadio(){
@@ -14,7 +16,31 @@ class RadioPage extends Page {
  const elmFirstRadioOption = await this.firstRadioOption;
  const radioStatus = await elmFirstRadioOption.isSelected();
  console.log('First Radio Status: ' + radioStatus);
+ }
+
+ //2. verify that only one radio is selected
+ async selectRadioOne(){
+ const elmRadioOneOption = await this.radioOneOption;
+ await this.click(elmRadioOneOption);
+ }
+
+ async verifyRadioOne(){
+ const elmRadioOneOption = await this.radioOneOption;
+ const elmRadioTwoOption = await this.radioTwoOption;
+ await expect(elmRadioOneOption).toBeSelected();
+ await expect(elmRadioTwoOption).not.toBeSelected();
+ }
+
+ async selectRadioTwo(){
+ const elmRadioTwoOption = await this.radioTwoOption;
+ await this.click(elmRadioTwoOption);
+ }
 
+ async verifyRadioTwo(){
+ const elmRadioOneOption = await this.radioOneOption;
+ const elmRadioTwoOption = await this.radioTwoOption;
+ await expect(elmRadioTwoOption).toBeSelected();
+ await expect(elmRadioOneOption).not.toBeSelected();
  }
 
 }

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

@@ -9,3 +9,20 @@ When(/^I select one of the first radio options$/, async () => {
 Then(/^I confirm that the first radio button is selected$/, async () => {
 await RadioPage.verifySelectedFirstRadio();
 });
+
+//2. verify that only one radio is selected
+When(/^I select the first radio of the second radio automation challenge$/, async () => {
+await RadioPage.selectRadioOne();
+});
+
+When(/^I confirm that the second radio is not selected$/, async () => {
+await RadioPage.verifyRadioOne();
+});
+
+When(/^I select the second radio of the second radio automation challenge$/, async () => {
+await RadioPage.selectRadioTwo();
+});
+
+When(/^I confirm that the first radio is not selected$/, async () => {
+await RadioPage.verifyRadioTwo();
+});