Forum Discussion

rhu's avatar
rhu
Contributor
3 years ago

How can I generalize e.g. buttons so that they were found also if the name of the button has changed

I have an application that generates some data. Then I want to check this data within a web page. Therefore I navigate to the page and press a button where I should get the data. The problem is that...
Name Mapping
web testing
  • rhu's avatar
    rhu
    3 years ago

    I was now able to solve the problem:
    a) not the best solution
    installing/using the intelligent quality ad on for TestComplete:
    This leads to the situation that during testexecution the button first can not be found and then (during execution) the adon tries to find a "similar" button (and this then works - the correct button will be found).
    Same behaviour for other buttons with the "same naming problem".
    But the execution slows down and on the other hand at the end of the test I get some warnings (yellow flags) tthat the bttons could not be fonnd. So this is not an optimal solution.


    b) in this case the better solution:
    I was able to solve the Problem using xpath (unfortunately i am not allowed to paste the full path so i sometimes used ... instead of teh correct naming) like:
    //*[@id="..."]/app-root/div/div/div/app-.../div[2]/div/div/...-button-group/kendo-buttongroup/button[2]

    In this example the "kendo-buttongroup/button[2]" means the button ist the second from the left in the class mentioned before in the x-path.
    As I am not a programmer how did I get this information:
    I used crome as web browser.
    At the web page where the button is displayed I selected the button - pressed right mouse button and the inspect.
    Then the developertoools open and the section of the button is marked.
    Now I click  (right mouse) on the marked section in the devtools and select copy and then either "Copy X Path" or "Copy Full X Path".
    After that I paste that to the name mapping of my button and put it at first place.
    That means, when you click in TestComplete on the teststep where the button is metioned (like GetData1 - as TC did not handle the brackets in the naming) and click right mouse button then you can select "show object in name mappind editor"
    One more comment:
    When openign the developertools and the "button" was marked I sometimes could see that the content was changing.
    So I needed to start the "Copy X Path - action" 2 times to get a working result that solved my proplems.
    Nevertheless maybe there is a better solution using wildcards in X-Path with naming. If somebody knows it, please comment it also here.
    Thanks everybody for your comments and support.


AlexKaras's avatar
AlexKaras
Champion Level 3
3 years ago

Hi,

 

> the button is named "GetData(1)", at second run "GetData(2)" and so on.

[Out of scope] Welcome to the beautiful world of modern non-testable web applications created without design and using tools that no QA (QA in its initial meaning, but not QC, tester or test automation engineer) would ever approve. If you like a risk, you may also order a beer to all those who approved the concept and tooling for this project. (But I am really doubting that such process was even thought of.)

 

Your best approach is to demonstrate to the management that tested web pages do not have semantic markup (i.e. web elements do not have stable and unique identifiers) and insist that developers must provide these identifiers. To say the truth, the chances that management will support you are low. So you should at least demonstrate them a problem and warn them that due to the absence of stable and unique identifiers for web elements on the page the process of automated tests creation will be slow and obtained test code well might be less stable, reliable and supportable than if the page has semantic markup.

 

Now to the business. The fact that TestComplete names the button as AlleTest2(983) means that this button provides no identifiable information and TestComplete identifies it by it's ordinal number among other buttons on the page. I really hope that when this button is clicked, web page just re-generates it but not makes the previous button invisible and creates a new one. If the latter scenario is the case, this means that your web page severely leaks resources and this must be corrected.

 

Anyway, as the sought for button does not provide any identifiable information, you must investigate the overall page objects hierarchy using the Object Browser and find parent, child or sibling objects that can be identified. Then your test code should first search for such object and then use it as a starting point for the button search. (I.e. you will search for the button not from page root like it is now but from this intermediate object.)

For example:

-- Your page may contain a div element with class name that contains 'dataSection' and the sought for button is a child of this div -- search for this div first;

-- Then, if this div has two child div elements, both without any identifiers, but the first div contains the button of interest and another div with class name 'dataContainer', then search for this div with the 'dataContainer' class name;

-- Finally, get the parent of the found div and using this parent as a search root, search for any button. As the sought for button is the only child button of the parent div, the found button should be the one that you are looking for.