Unable to find web elements for buttons displayed as image - selenium

Currently I am automating a tableau screen(displayed in Insights platform) using Selenium. Over there we have five buttons which are clubbed together into a single image. So when we try to click on the image only the 3rd buttons gets clicked. How can I locate each of them individually?

Related

ReportViewer 15.0.0.0 vertical scroll on opening a sub record

We have an MVC web application, and recently we migrated from Microsoft ReportViewer from 11.0.0.0 to 15.0.0.0 version.
We started having different issues in terms of UI, one of which is mentioned as below.
When we run the report from SSRS (SQL Server 2016), and click on the plus icon used to open the sub record (inner record), the vertical scroll bar maintains position and we can see the data clearly, as shown in below image
However, when the same report is run from MVC web application, using ReportViewer control, when we click on the plus button the scrollbar scrolls to the expanded icon and it does not gives good look and feel to end user. Sometimes the scroll even hide half of the current record. E.g. below is the screenshot when we run report from MVC web application using ReportViewer control. 1st image shows before clicking on the plus icon, and 2nd image shows after clicking on the plus icon.
Image-1
Image-2
Has anyone come across such situation? How can I avoid such scrolling on opening a sub record ?
Following is code I have used in .aspx file of which uses ReportViewer control

Using puppeteer to automate button clicks for every button at every URL in a web app

I am currently trying to use JS and puppeteer to take a screenshot of every url in my web app, as well as take a screenshot of every button that can be clicked. Is there a way to click each button without specifying the id? Not all of my buttons have an id and even if they did, I wouldn't want to have x number of page.click(id, options) for each button I have (which is quite a lot).
Thanks
I have tried going based off each className (this app is built using react) but this does not work. It will take a screenshot of the same buttons over and over. I believe because if page.click has multiple of the same options, it only chooses the first one and many buttons have the same styling classNames.
You could get an array of each element on a page, go through the elements with a for loop determine if it is a button, then click it. Then for each page you'd have to input each url in an array and then use a for loop to go through it.

Can not click on element via TestComplete object mapping

I need to click on a web element, within TestComplete, this element looks like this:
I outlined its boundary using heavy-black line.
The problem is, by default, an element is always clicked in its middle point, and for this element above, clicking its middle point produces no results as it does not click this plus sign.
Within TestComplete, this element can not be broken further down into smaller elements.
I can use Selenium in JavaScript to click it, but is there is an other way?
Thanks
Try using x and y coordinates with the Click method.
SmartBear Click Action
I needed to click a button on my website but TestComplete was only able to identify the parent object which had 3 buttons in it. I was able to use x,y coordinates to press the 3 different buttons in parent object.
Record a script where you click the button and look at the function created to get the coordinates you need.

How to I get a PlayBack to be refreshed in Coded UI Test?

I'm running a coded ui test on a WPF window.
The accessibility \ automationpeer of one of the controls was not well implemented.
I want to be able to open the window, run some tests like clicking buttons and insert text to some textboxes. Than, I want to refresh the map, in other words to reselect the problematic control as if the CUIT (coded ui test builder) was running and i dragged the crosshair on the control. I want to get a new instance of the automationpeer of the control, not the old one.

How to create a nice add button to list view like in the Weather app?

Following these steps:
Open the Weather app.
Right click
Click on places
See that little item with the + symbol? I want to do something exactly like that, the looks and behaviour.
Assuming you are just trying to get some basic ideas about metro-ui controls and you are on Release Preview.
When you do right click, the control that's being triggered is called App Bar. The "place" button is a App Bar Command. Clicking on the button will take you to another page (HTML or XAML). This page contains a ListView control with GridLayout. You can dynamically change the ListView Template and assign different actions to the itemInvoke event.
Here is a quick tutorial for App Bar and commands:
http://msdn.microsoft.com/en-us/library/windows/apps/hh465309.aspx
Here is a quick tutorial for List View control:
http://msdn.microsoft.com/en-us/library/windows/apps/hh465496.aspx