window change scenario

Author: jimuelmedrano

.env.example

@@ -2,6 +2,4 @@
 BASE_URL=https://letcode.in
 ELM_TIMEOUT=30000
 HEADLESS=N
-DEBUG=Y
-TEST_USERNAME=example
-TEST_PASSWORD=example
+DEBUG=Y

package-lock.json

@@ -6,7 +6,7 @@
  "@wdio/cucumber-framework": "^8.3.0",
  "@wdio/local-runner": "^8.3.5",
  "@wdio/spec-reporter": "^8.3.0",
- "chromedriver": "^111.0.0",
+ "chromedriver": "^114.0.2",
  "env-cmd": "^10.1.0",
  "ts-node": "^10.9.1",
  "typescript": "^4.9.5",
@@ -24,6 +24,7 @@
  "alert": "env-cmd wdio run ./wdio.conf.ts --cucumberOpts.tagExpression='@alert'",
  "frame": "env-cmd wdio run ./wdio.conf.ts --cucumberOpts.tagExpression='@frame'",
  "radio": "env-cmd wdio run ./wdio.conf.ts --cucumberOpts.tagExpression='@radio'",
+ "window": "env-cmd wdio run ./wdio.conf.ts --cucumberOpts.tagExpression='@window'",
  "sampletag": "env-cmd wdio run ./wdio.conf.ts --cucumberOpts.tagExpression='@sampletag'",
  "test-typescript": "env-cmd npx ts-node typescript-test.ts"
  }

package.json

@@ -0,0 +1,13 @@
+Feature: Letcode Window Page
+
+ @regression @window
+ Scenario Outline: As a user, I can print the title of new window
+
+ Given I am on letcode workspace page
+ When I click window page
+ And I click open home page button
+ Then I print the title of new window
+
+ Examples:
+ | |
+ | |

wdio-test/features/login.feature

@@ -8,6 +8,7 @@ class LetcodeWorkspace extends Page {
  get alertPageButton(){ return $(`//a[normalize-space()='Dialog']`) };
  get framePageButton(){ return $(`//a[normalize-space()='Inner HTML']`) };
  get radioPageButton(){ return $(`//a[normalize-space()='Toggle']`) };
+ get windowPageButton(){ return $(`//a[normalize-space()='Tabs']`) };
 
  async openWorkspacePage () {
  await this.open('/test');
@@ -44,6 +45,12 @@ class LetcodeWorkspace extends Page {
  await elmRadioPageButton.scrollIntoView();
  await this.click(elmRadioPageButton);
  }
+
+ async clickWindowPage(){
+ const elmWindowPageButton = await this.windowPageButton;
+ await elmWindowPageButton.scrollIntoView();
+ await this.click(elmWindowPageButton);
+ }
 }
 
 export default new LetcodeWorkspace();

wdio-test/features/window-features/window.feature

@@ -0,0 +1,24 @@
+import Page from '../page.js';
+
+class WindowPage extends Page {
+ 
+ get openHomeButton(){ return $(`//button[normalize-space()='Open Home Page']`) };
+
+
+ async clickOpenHomeButton(){
+ const elmOpenHomeButton = await this.openHomeButton;
+ await this.click(elmOpenHomeButton);
+ }
+
+ async printNewWindowTitle(){
+ const handles = await browser.getWindowHandles()
+ await browser.switchToWindow(handles[0])
+ console.log('WINDOW HANDLES:')
+ console.log(await browser.getTitle())
+ await browser.switchToWindow(handles[1])
+ console.log(await browser.getTitle())
+ }
+
+}
+
+export default new WindowPage();

wdio-test/page-objects/letcode-workspace.page.ts

@@ -28,3 +28,7 @@ When(/^I click frame page$/, async () => {
 When(/^I click radio page$/, async () => {
 await LetcodeWorkspacePage.clickRadioPage();
 });
+
+When(/^I click window page$/, async () => {
+await LetcodeWorkspacePage.clickWindowPage();
+});