Recognizing PrimeNg Table Cells
We have an application that uses PrimeNg components, v14. The application has a lot of Table components. We are having issues with TestComplete not being able to recognize the individual cells within...
Forum Discussion
I did find a way around this issue. I was able to add a unique tag to each cell component (e.g. id=<table>.<column>.<uniqueRowIdentifier>). Next I wrestled with getting the CheckPoint Wizard and the Name Mapping to use id as their primary selection criteria. (I never did find it. I noticed that the QuickCheckPoint feature does this, so I am just going to use this from now on.). And now my current issue is getting TestComplete to hover over a specific cell in the table and select a button that only becomes visible during a hover. All these things have probably already been solved by somebody else somewhere and it would save myself, and other newbies, enormous numbers of hours and frustration if there was a central repository of Angular/PrimeNg specific information like this, or a specific group of "power users" that we could ask. I already have a series of pretty extensive Confluence pages with what I've learned so far to help other users in my organization.
Thanks for all the suggestions y'all have given so far, though!
Hi,
> my current issue is getting TestComplete to hover over a specific cell in the table
Have you tried the .HoverMouse() method? Does it work for you?
When you hover over the table cell, an icon becomes visible in that cell and you click that icon to do a delete. I'm doing a call to HoverMouse() on the cell, but the Click() call for the icon is returning a "Object not found" error, so I have to figure out if the hover isn't bringing up the icon which is why it isn't being found, or if the hover is working but TestComplete isn't finding the icon to call the click. I'm thinking that it takes the Object Manager some time to update with the new icon and that the Click() is being called before the Object Manager has found the new icon. Or I could be all wrong. This is all new to me!
Hi,
> When you hover over the table cell, an icon becomes visible in that cell and you click that icon to do a delete.
I would recommend to either investigate this area of your tested application using Object Browser or to talk to developers and ask them how this functionality has been implemented.
It is difficult to suggest something without seen the actual application (or, at least, a screenshot and corresponding markup), but I may imagine the following scenario:
-- Some script is executed when mouse hovers over the cell and the icon is displayed;
-- This icon might be not actual <img> tag or the like, but be implemented via CSS and thus be not detected by TestComplete.
If my guess is correct, then this can be handled this way:
-- Hover mouse over the cell;
-- Do some delay (say, 0.5 sec) to guarantee that the icon is displayed;
-- Assuming the icon is displayed at the right border of the cell, click the cell, say, 5 pixels from its right border. Something like this: cell.Click(cell.Left + cell.Width - 5, cell.Top - cell.Height / 2);
If the icon is a real object (say, img element), then you should wait until it appears. Like this:
cell.HoverMouse();
var oIcon = cell.FindChildEx("ObjectType", "IMG", 5, true, 5000);
if (oIcon.Exists)
oIcon.Click();
else
Log.Error("Icon was not found");
