From 5069ede6928409e93b5f1486c015dc58a20cb2c6 Mon Sep 17 00:00:00 2001
From: qlrd <106913782+qlrd@users.noreply.github.com>
Date: Mon, 7 Aug 2023 17:49:00 -0300
Subject: [PATCH] added tests for Main page on 3 OS

---
 src/pages/Main.vue                   | 21 ++++++---
 src/pages/SelectDevice.vue           | 10 ++++-
 test/e2e/pageobjects/app.page.ts     | 48 ++++++++++++++++++++
 test/e2e/specs/005.main-menu.spec.ts | 65 ++++++++++++++++++++++++++++
 4 files changed, 137 insertions(+), 7 deletions(-)
 create mode 100644 test/e2e/specs/005.main-menu.spec.ts

diff --git a/src/pages/Main.vue b/src/pages/Main.vue
index 489b1f38..f05be73f 100644
--- a/src/pages/Main.vue
+++ b/src/pages/Main.vue
@@ -1,8 +1,10 @@
 <template>
-  <v-item-group>
+  <v-item-group id="main-page">
     <v-container>
       <v-row v-if="clickMessage !== ''">
-        <v-col>
+        <v-col
+          id="main-page-click-message-text"
+        >
           {{ clickMessage }}
         </v-col>
       </v-row>
@@ -13,8 +15,11 @@
               variant="outlined"
               :class="selectedClass"
               @click.prevent="selectDevice"
+              id="main-page-select-device-button"
             >
-              <v-card-title>
+              <v-card-title
+                id="main-page-select-device-text"
+              >
                 {{ device }}
               </v-card-title>
             </v-card>
@@ -28,8 +33,11 @@
               variant="outlined"
               :class="selectedClass"
               @click.prevent="selectVersion"
+              id="main-page-select-version-button"
             >
-              <v-card-title>
+              <v-card-title
+                id="main-page-select-version-text"
+              >
                 {{ version }}
               </v-card-title>
             </v-card>
@@ -43,8 +51,11 @@
               variant="outlined"
               :class="selectedClass"
               @click.prevent="flashDevice"
+              id="main-page-flash-button"
             >
-              <v-card-title>
+              <v-card-title
+                id="main-page-flash-text"
+              >
                 {{ flash }}
               </v-card-title>
             </v-card>
diff --git a/src/pages/SelectDevice.vue b/src/pages/SelectDevice.vue
index 519d4d0d..78916329 100644
--- a/src/pages/SelectDevice.vue
+++ b/src/pages/SelectDevice.vue
@@ -8,8 +8,11 @@
               variant="outlined"
               :class="[selectedClass]"
               @click.prevent="selectDevice(device)"
+              :id="`select-device-${device}-button`"
             >
-              <v-card-title>
+              <v-card-title
+                :id="`select-device-${device}-title`"
+              >
                 {{ device }}
               </v-card-title>
             </v-card>
@@ -23,8 +26,11 @@
               variant="outlined"
               :class="[selectedClass]"
               @click.prevent="back()"
+              id="select-device-back-button"
             >
-              <v-card-title>
+              <v-card-title
+                id="select-device-back-title"
+              >
                 Back
               </v-card-title>
             </v-card>
diff --git a/test/e2e/pageobjects/app.page.ts b/test/e2e/pageobjects/app.page.ts
index e4857af5..7104e6f2 100644
--- a/test/e2e/pageobjects/app.page.ts
+++ b/test/e2e/pageobjects/app.page.ts
@@ -10,6 +10,14 @@ class App {
   private __openssl_for_linux_found__: string;
   private __openssl_for_darwin_found__: string;
   private __openssl_for_win32_found__: string;
+  private __main_page__: string;
+  private __main_page_click_message_text__: string;
+  private __main_page_select_device_button__: string;
+  private __main_page_select_version_button__: string;
+  private __main_page_select_device_text__: string;
+  private __main_page_select_version_text__: string;
+  private __main_page_flash_button__: string;
+  private __main_page_flash_text__: string;
 
   constructor () {
     this.__app__ = '#app'
@@ -20,6 +28,15 @@ class App {
     this.__openssl_for_linux_found__ = 'pre#openssl-for-linux-found'
     this.__openssl_for_darwin_found__ = 'pre#openssl-for-darwin-found'
     this.__openssl_for_win32_found__ = 'pre#openssl-for-win32-found'
+    this.__main_page__ = '#main-page'
+    this.__main_page_click_message_text__ = 'div#main-click-message-text'
+    this.__main_page_select_device_button__ = 'div#main-page-select-device-button'
+    this.__main_page_select_version_button__ = 'div#main-page-select-version-button'
+    this.__main_page_select_device_text__ = 'div#main-page-select-device-text'
+    this.__main_page_select_version_text__ = 'div#main-page-select-version-text'
+    this.__main_page_flash_button__ = 'div#main-page-flash-button'
+    this.__main_page_flash_text__ = 'div#main-page-flash-text'
+    
   }
 
   get title () {
@@ -58,6 +75,37 @@ class App {
     return $(this.__openssl_for_win32_found__)
   }
 
+  get mainPage () {
+    return $(this.__main_page__)
+  }
+
+  get mainClickMessageText () {
+    return $(this.__main_page_click_message_text__)
+  }
+
+  get mainSelectDeviceButton () {
+    return $(this.__main_page_select_device_button__)
+  }
+
+  get mainSelectVersionButton () {
+    return $(this.__main_page_select_version_button__)
+  }
+
+  get mainSelectFlashButton () {
+    return $(this.__main_page_flash_button__)
+  }
+
+  get mainSelectDeviceText () {
+    return $(this.__main_page_select_device_text__)
+  }
+
+  get mainSelectVersionText () {
+    return $(this.__main_page_select_version_text__)
+  }
+
+  get mainSelectFlashText () {
+    return $(this.__main_page_flash_text__)
+  }
 }
 
 module.exports = App
diff --git a/test/e2e/specs/005.main-menu.spec.ts b/test/e2e/specs/005.main-menu.spec.ts
new file mode 100644
index 00000000..04fa46d5
--- /dev/null
+++ b/test/e2e/specs/005.main-menu.spec.ts
@@ -0,0 +1,65 @@
+const expectChai = require('chai').expect
+const expectWDIO = require('@wdio/globals').expect
+const { describe, it } = require('mocha')
+
+const App = require('../pageobjects/app.page')
+
+const SELECT_DEVICE_TEXT = 'Select device'
+const SELECT_VERSION_TEXT = 'Select version'
+const PLEASE_SELECT_VERSION_MESSAGE = 'Please click \'Select version\' to download sources'
+
+describe('KruxInstaller Main page', () => {
+
+  let instance: any;
+
+  before(async function () {
+    instance = new App()
+    await instance.app.waitForExist()
+    await instance.main.waitForExist()
+    await instance.logo.waitForExist()
+    await instance.logo.waitForExist({ reverse: true })
+    await instance.loadingDataMsg.waitForExist()
+    await instance.verifyingOpensslMsg.waitForExist()
+    if (process.platform === 'linux') {
+      await instance.opensslForLinuxFound.waitForExist()
+    } else if (process.platform === 'darwin') {
+      await instance.opensslForDarwinFound.waitForExist()
+    } else if (process.platform === 'win32') {
+      await instance.opensslForWin32Found.waitForExist()
+    }
+    await instance.loadingDataMsg.waitForExist({ reverse: true })
+    await instance.verifyingOpensslMsg.waitForExist({ reverse: true })
+    await instance.opensslForLinuxFound.waitForExist({ reverse: true })
+    await instance.mainPage.waitForExist()
+    await instance.mainSelectDeviceButton.waitForExist()
+    await instance.mainSelectVersionButton.waitForExist()
+  })
+
+  it('should main page appears', async () => {
+    await expectWDIO(instance.mainPage).toBeDisplayed()
+  })
+
+  it('should message text not appears', async () => {
+    await expectWDIO(instance.mainClickMessageText).not.toBeDisplayed()
+  })
+
+  it('should \'Select device\' button appears', async () => {
+    await expectWDIO(instance.mainSelectDeviceButton).toBeDisplayed()
+  })
+
+  it('should \'Select version\' button appears', async () => {
+    await expectWDIO(instance.mainSelectVersionButton).toBeDisplayed()
+  })
+
+  it('should \'Select device\' button have \'Select device\' text', async () => {
+    await expectWDIO(instance.mainSelectDeviceText).toHaveText(SELECT_DEVICE_TEXT)
+  })
+
+  it('should \'Select version\' button have \'Select version\' text', async () => {
+    await expectWDIO(instance.mainSelectVersionText).toHaveText(SELECT_VERSION_TEXT)
+  })
+
+  it('should \'Flash\' button not appears', async () => {
+    await expectWDIO(instance.mainSelectFlashButton).not.toBeDisplayed()
+  })
+})