Web Test Tutorial - Part 1: Unterschied zwischen den Versionen

Aus expecco Wiki (Version 25.x)
Zur Navigation springen Zur Suche springen
Inhalt gelöscht Inhalt hinzugefügt
Bg (Diskussion | Beiträge)
Keine Bearbeitungszusammenfassung
Niclauss (Diskussion | Beiträge)
Keine Bearbeitungszusammenfassung
 
(9 dazwischenliegende Versionen von 2 Benutzern werden nicht angezeigt)
Zeile 1: Zeile 1:
= Preconditions =
= Preconditions =
* Is the Selenium WebDriver installed?
* Is the Selenium WebDriver installed? Learn more: [[Selenium_WebDriver_Plugin/en#Browser_Support]]
* Is Firefox installed? Alternatively, Chrome and Safari also work.
* Is Firefox installed? Alternatively, Chrome and Safari also work.
* Internet connection available?
* Internet connection available?
* Start expecco
* Start expecco
* Select "New Testsuite"
* Select "New Testsuite"


[[Datei:WTT 00 Start Marked.png|800px]]


* Undo button to remove existing demos
* Undo button to remove existing demos


[[Datei:WTT 01 ResetExpecco Marked.png|400px]]
[[Datei:WTT 02 CleanExpecco.PNG|400px]]



= Create a connection =
= Create a connection =
* Open the Gui-Browser
* Open the Gui-Browser


[[Datei:WTT 10 GUIBrowser Marked.png|800px]]


* Connect to the test website
* Connect to the test website


[[Datei:WTT 11 Selenium WebDriver.PNG|800px]]

[[Datei:WTT 12 Selenium Connect.PNG|800px]]

[[Datei:WTT 13 GuiBrowser.PNG|800px]]


* Has a Firefox window opened in the background?
* Has a Firefox window opened in the background?


[[Datei:WTT 14 Firefox.PNG|800px]]



= First steps with the recorder =
= First steps with the recorder =
* Start recorder
* Start recorder


[[Datei:WTT_20_Recorder Starten_Marked.png|800px]]

[[Datei:WTT_21_Recorder.PNG|800px]]


* Recording a login sequence
* Recording a login sequence
** Switch the mode
** Switch the mode


[[Datei:WTT_220_ModusSetText_Marked.PNG|800px]]


** Insert text
** Insert text


[[Datei:WTT_221_SetText1_Marked.png|800px]]

[[Datei:WTT_222_SetText2.PNG|800px]]

[[Datei:WTT_223_SetText3.PNG|800px]]


** Insert passwort
** Insert passwort


[[Datei:WTT_225_SetPasswort1_Marked.png|800px]]

[[Datei:WTT_226_SetPasswort2.PNG|800px]]

[[Datei:WTT_227_SetPasswort3.PNG|800px]]


** Press the submit button
** Press the submit button


[[Datei:WTT_228_ModusAuto.PNG|800px]]

[[Datei:WTT_229_Submit.PNG|800px]]


* Convert workspace in an action block
* Convert workspace in an action block


[[Datei:WTT_23_Workspace1_Marked.png|800px]]

[[Datei:WTT_24_Workspace2.PNG|800px]]

[[Datei:WTT_25_Workspace3.PNG|800px]]


* Prepare action block for execution
* Prepare action block for execution

** Leave GuiBrowser

** Open network tab
[[Datei:WTT_260_BausteinLogin_Marked.png|800px]]
** Correlate the connection with the action block, insert action block for this

** Move and rearrange action blocks
[[Datei:WTT_260_BausteinLogin_Marked2.png|800px]]
** Add TriggerInput to first SendKeys action block

** Add values to the "Reuse or Start Session" action block

*** name: http://expeccoalm-demo.exept.de (any name)
* Leave GuiBrowserand open network tab
*** startURL: http://expeccoalm-demo.exept.de

*** browserType: Firefox (select in drop-down menu)

[[Datei:WTT_261_BausteinLogin_Marked.png|800px]]


* Correlate the connection with the action block, insert action block for this


[[Datei:WTT_262_BausteinEinfügen1.PNG|800px]]

[[Datei:WTT_263_BausteinEinfügen2.PNG|800px]]

[[Datei:WTT_264_BausteinEinfügen3.PNG|800px]]

[[Datei:WTT_265_BausteinEinfügen4.PNG|800px]]


* Move and rearrange action blocks


[[Datei:WTT_266_BausteinEinfügen5.PNG|800px]]


* Add TriggerInput to first SendKeys action block
* Add values to the "Reuse or Start Session" action block by double-clicking on the pins of the action block
** name: http://expeccoalm-demo.exept.de (any name)
** startURL: http://expeccoalm-demo.exept.de
** browserType: Firefox (select in drop-down menu)


[[Datei:WTT_269_BausteinEinfügen8.PNG|800px]]


* Execute action blocks
* Execute action blocks
** Press "Execute" (the green arrow)
* Press "Execute" (the green arrow)

** When the test is finished, Firefox opens in the front.

** expecco should look like this now:
[[Datei:WTT_269_BausteinEinfügen8_Marked.png|800px]]
** The detailed execution of action blocks is visible in the network tab.

[[Datei:WTT_270_TestLäuft.PNG|800px]]


* When the test is finished, your browser opens in front.


[[Datei:WTT_271_FirefoxGeöffnet.PNG|800px]]


* expecco should look like this now:


[[Datei:WTT_272_BausteinAusgeführt.PNG|800px]]


* The detailed execution of action blocks is visible in the network tab.


= Verify data fields =
= Verify data fields =
* Verification: is it the right page?
** Open tab "Gui Browser"


[[Datei:WTT_300_GuiBrowser_Marked.png|800px]]


* Read path (Xpath) with:
** Hover the element with the mouse (fly over)In the recorder


[[Datei:WTT_300_GuiBrowser_Marked2.png|800px]]

[[Datei:WTT_301_Recorder Geöffnet_Marked.png|800px]]


* Select parent element from text


[[Datei:WTT_302_Element auswählen1_Marked.png|800px]]


* Prepare AktionblockGet text
** Expand Elements in the tab "Actions"


[[Datei:WTT_303_Elements aufklappen.PNG|800px]]


* Select "Get Text" action block and copy it to the "Test" tab


[[Datei:WTT_304_GetTextSelektieren.PNG|800px]]

[[Datei:WTT_305_BausteinSelektierenUndKopieren.PNG|800px]]


* Switch to the "Login" action block, insert the copied action block there


[[Datei:WTT_306_GetTextInLoginEinfügen1_Marked.png|800px]]

[[Datei:WTT_307_GetTextInLoginEinfügen2.PNG|800px]]

[[Datei:WTT_307_GetTextInLoginEinfügen2_Marked.png|800px]]

[[Datei:WTT_308_AnfügenAnAusführung.PNG|800px]]


* Insert action block to check for equality [ Assert Equals ]


[[Datei:WTT_310_AssertEinfügen1.PNG|800px]]

[[Datei:WTT_311_AssertEinfügen2.PNG|800px]]

[[Datei:WTT_312_AssertEinfügen3.PNG|800px]]

[[Datei:WTT_313_AssertEinfügen4.PNG|800px]]

[[Datei:WTT_314_AssertEinfügen5.PNG|800px]]


= Test execution =
= Test execution =
* Click on the green "Play" icon


[[Datei:WTT_320_TestAuführen1_Marked.png|800px]]

[[Datei:WTT_321_TestAuführen2.PNG|800px]]

[[Datei:WTT_322_TestAuführen3.PNG|800px]]


* View detailed test run


[[Datei:WTT_323_TestAuswerten1_Marked.png|800px]]

[[Datei:WTT_324_TestAuswerten2.PNG|800px]]


* Save test-suite


[[Datei:WTT_325_TestsuiteSpeichern1.PNG|800px]]

[[Datei:WTT_326_TestsuiteSpeichern2.PNG|800px]]


= Query element properties =
= Query element properties =
* Properties
= Ending the session after each test =
** Open GUI-Browser


[[Datei:WTT_500_GUI-BrowserÖffnen1_Marked.png|800px]]

[[Datei:WTT_500_GUI-BrowserÖffnen1_Marked2.png|800px]]

[[Datei:WTT_501_RecorderÖffnen.PNG|800px]]


* Hover Project-filter-input to show the elements in the tree of the GUI-Browser


[[Datei:WTT_502_DropdownHovern_Marked.png|800px]]

[[Datei:WTT_503_RecorderSchließen.PNG|800px]]


* Select any element and property for the test


[[Datei:WTT_504_ElementAuswahl_Marked.png|800px]]

[[Datei:WTT_505_AttributAuswahl_Marked.png|800px]]


* Select the "Check Attributes" action block


[[Datei:WTT_506_BausteinAuswählen_Marked.png|800px]]

[[Datei:WTT_507_ExpectedValueEingeben.PNG|800px]]

[[Datei:WTT_508_BausteinKopieren.PNG|800px]]


* Insert and connect action block


[[Datei:WTT_509_BausteinEinfügen.PNG|800px]]

[[Datei:WTT_510_BausteineVerbinden.PNG|800px]]

[[Datei:WTT_511_BausteinEinfügen1.PNG|800px]]

[[Datei:WTT_512_BausteinEinfügen2.PNG|800px]]

[[Datei:WTT_513_BausteinEinfügen3.PNG|800px]]

[[Datei:WTT_514_BausteinEinfügen4.PNG|800px]]

[[Datei:WTT_515_BausteinEinfügen5.PNG|800px]]

[[Datei:WTT_516_BausteinEinfügen6.PNG|800px]]

[[Datei:WTT_517_BausteineVerbinden1.PNG|800px]]


* Execute Test(see above)
** It is important that the test environment (the browser) is reset to the start page(see also next step)before each test execution. Alternatively, you can simply close the browser.
*** Close remote-controlled browser


[[Datei:WTT_518_BrowserSchließen_Marked.png|800px]]


* Execute test


[[Datei:WTT_517_BausteineVerbinden1_Marked.png|800px]]

[[Datei:WTT_519_TestAusführen1.PNG|800px]]

[[Datei:WTT_520_TestAusführen2.PNG|800px]]



= Close the session after each test =
* Insert new action block


[[Datei:WTT_600_SessionBeenden1.PNG|800px]]

[[Datei:WTT_601_SessionBeenden2.PNG|800px]]

[[Datei:WTT_602_SessionBeenden3.PNG|800px]]

[[Datei:WTT_603_SessionBeenden4.PNG|800px]]

[[Datei:WTT_604_SessionBeenden5.PNG|800px]]

[[Datei:WTT_605_SessionBeenden6.PNG|800px]]

[[Datei:WTT_606_SessionBeenden7.PNG|800px]]


* Apply changes to the SessionEnd action block


[[Datei:WTT_607_SessionBeenden8Marked.png|800px]]


* Drag the SessionEnd action block in the field "AfterExecution"


[[Datei:WTT_608_LoginDisconnect1_Marked.png|800px]]

[[Datei:WTT_609_LoginDisconnect2.PNG|800px]]


* Now the test can run as often as required without the Browser has to be closed

Aktuelle Version vom 29. Juni 2018, 14:01 Uhr

Preconditions

  • Is the Selenium WebDriver installed? Learn more: Selenium_WebDriver_Plugin/en#Browser_Support
  • Is Firefox installed? Alternatively, Chrome and Safari also work.
  • Internet connection available?
  • Start expecco
  • Select "New Testsuite"



  • Undo button to remove existing demos



Create a connection

  • Open the Gui-Browser



  • Connect to the test website



  • Has a Firefox window opened in the background?



First steps with the recorder

  • Start recorder



  • Recording a login sequence
    • Switch the mode



    • Insert text



    • Insert passwort



    • Press the submit button



  • Convert workspace in an action block



  • Prepare action block for execution



  • Leave GuiBrowserand open network tab



  • Correlate the connection with the action block, insert action block for this



  • Move and rearrange action blocks





  • Execute action blocks
  • Press "Execute" (the green arrow)



  • When the test is finished, your browser opens in front.



  • expecco should look like this now:



  • The detailed execution of action blocks is visible in the network tab.

Verify data fields

  • Verification: is it the right page?
    • Open tab "Gui Browser"



  • Read path (Xpath) with:
    • Hover the element with the mouse (fly over)In the recorder



  • Select parent element from text



  • Prepare AktionblockGet text
    • Expand Elements in the tab "Actions"



  • Select "Get Text" action block and copy it to the "Test" tab



  • Switch to the "Login" action block, insert the copied action block there



  • Insert action block to check for equality [ Assert Equals ]



Test execution

  • Click on the green "Play" icon



  • View detailed test run



  • Save test-suite



Query element properties

  • Properties
    • Open GUI-Browser



  • Hover Project-filter-input to show the elements in the tree of the GUI-Browser



  • Select any element and property for the test



  • Select the "Check Attributes" action block



  • Insert and connect action block



  • Execute Test(see above)
    • It is important that the test environment (the browser) is reset to the start page(see also next step)before each test execution. Alternatively, you can simply close the browser.
      • Close remote-controlled browser



  • Execute test



Close the session after each test

  • Insert new action block



  • Apply changes to the SessionEnd action block



  • Drag the SessionEnd action block in the field "AfterExecution"



  • Now the test can run as often as required without the Browser has to be closed



Copyright © 2014-2024 eXept Software AG