I have been trying to automate booking a flight on www.kayak.com/flights using Selenium webdriver in java. The issue I am having is that I am unable to enter date into the departing date and arrival date boxes, mainly because when you click in the date box, it displays a popup calendar or date picker. My many attempts to identify the xpath for the date picker itself and the date elements have not been successful as whenever I try to click on the date element in the picker, it changes focus. So, unless I can identify them somehow, I can't enter any data into them. I am sure there has to be someone out there who can help me with this dilemma. Thanks.
If you're using firebug to grab the xpath, you should see a dropdown menu right below the inspect element button. You're probably dealing with an iframe and you will need to switch focus to that frame. It should be easy to check which iframe you want if there are multiple (because the blue dotted frames will display) by passing this xpath: //*
You can do this several ways:
1) driver.switchTo().frame(name_or_id)
2) driver.switchTo().frame(index)
If you're still having troubles, you can always guess and check by starting with 0 and increasing it, so driver.switchTo().frame(0)
Related
Datetimepicker doesn't want to work only in popup.
If i insert Contact form 7 without popup it's working.
Maybe someone has encountered something like this?
I think it doesn't work because popup injects in the end of body. But how to fix it i just don't know.
POP UP OPTIONS
I also had the same problem. To solve the problem, create an HTML element in the pop-up form and add the following lines of code to it:
date-time-picker-for-contact-form-7/assets/js/jquery.datetimepicker.full.min.js
date-time-picker-for-contact-form-7/assets/js/datetimepicker.js
You can take the upper lines on the working page with inspectelement, select the date and time, and copy and paste the lines related to the two upper js files.
After saving and viewing the pop-up page, you will see that the date and time selection section will work.
We would like to track our work items and would like to see how many days an item stayed in each Board column before being moved to the next project phase (column). Is this possible?
There’s a way to see when the work items are moved that you can
Click work item
Click history
Check the History box inside. You can calculate by every changes date for the staying time. The date, path, column and operator information also display in it.
i have an app and i have made a custom mode for the user ( similar to do not disturb mode ).
I want the user to be able to set the start time and end time of that mode manually ( either by picker or slider ) along with AM/PM mode or 24 hour format but it is not possible.
I thought i could achieve this with datepicker time mode but i do not want to present two textfield.
the counter version for this on android looks something like the image below. The UI is not important to me but only the functionality is.
Can anyone help me with this or point me in the right direction ?!
Any help is appreciated.
date picker method will need two fields as i mentioned with is a problem. also the problem with date picker is that it should not look like a textfield so i prefer a UIBUTTON so i can set the image for the button.
I want to slide the panel graph for 5minute into the future, I know I can do this
using 'Custom Range' at the top right of the screen and setting to 'to' field to 'now+5m' .
However this will be applied to all my panels.
Now..I want this for only a specific panel.
What I have found is time range tab but it only allows to truncate the time but cant push forward it.
Is there a way to use this only for one panel?
I have found a solution using addition: 0m+5m
Seems grafana doesnt substracts the value of the amount field from the current time as a whole
like timeshift-(Xm+Ym)
but performs the operations after each other
like timeshift-Xm+Ym
Could be a bug tbh.
I am having a problem to implement date picker in react js. I need a date picker such that user can navigate through different years easily.
For this, I am testing this A carefully crafted date picker for React date picker. The problem is that, it needs much space for a single date picker. I have to use several date pickers in the form. I want that date picker input will be like a text box input. When I click on the text box, date picker will appear, like this one.
I have included the following two css files in my project.
react-date-picker/index.css
react-date-picker/base.css
What you are looking for is DateField. Try this instead:
<DateField
defaultValue={"30.05.2016"}
dateFormat="DD.MM.YYYY"
/>