I use v-autocomplete on my page and when the cursor is in v-autocomplete controle and I click on "Enter", the page is realoading.
How can I prevent this behaviour?
I should add to v-autocomplete:
#keydown.enter.native.prevent
Related
I am trying to click a button, which once clicked some text should appear. Selenium is not throwing any errors which means the buttons should have been clicked however the text is not appearing (it works manually).
<button class = "redButton one">
<img src = "images/name.png" class = redImage">
"Name"
</button>
I tried to click the button with the xpath: "//button[contains(text(), 'Name')]". I don't understand why the text is not appearing.
What is the expected text to be displayed after button click event? In order to help with this request, provide the HTML snippet of <button> before & after click event. Since this is working fine manually, did you try adding adequate wait time for the text to display?
I have to execute a div like this. When the user clicks on the card, it will be redirected to a different page, but when the user clicks on the button inside the card, it will be redirected to another page.
<v-ons-card
#click="goToPage1()"
>
<div>
// content
</div>
<div class="card-btn">
<v-ons-button
#click="gotopage2()"
>
View
</v-ons-button>
</div>
</v-ons-card>
In this implementation, when I click the button, it also triggers the card click event and then triggers the button click event. Is there any way I can prevent this?
Yes you can use Event Modifier for that. In your case you are searching for #click.stop.
So you can do as follow:
<v-ons-button #click.stop="gotopage2()">
on whom I am able to click, on clicking , nothing happens, i.e. the action is disabled. However, a tooltip gets displayed. The tooltip appears only when we focus on the button.
The html of the button is as follows:
<button type="button" style="color:#ffffff;" rel="rel-517347" data-toggle="popover" data-animation="true" data-placement="top" data-html="true" data-trigger="hover" data-content="<span class='text-center'>
<div>Ride can only be edited before </div><div>1 hour of pickup time.</div>
</span>" class="btn btn-default disbleBtn width_100" data-original-title="" title="">Edit Ride</button>
where Ride can only be edited before is the tooltip.
How can i verify the text of the tooltip as it keeps getting destroyed.
Note that isEnabled() function returns true here as i can click on the button, but no action takes place.
Is there any way I can verify the class of the button i.e btn btn-default disbleBtn width_100 ?
Is there any function or method for it?
I supposed you need to hover not click on the button. When hover tooltip is showing and than you click immediately and tooltip gone.
Do it manually with chrome devtools, open devtools-> sources tab, hover on the button and press F8 to pause then inspect tooltip element. After you get selector for tooltip try codes below:
new Actions(driver).moveToElement(buttonElement).perform();
String tooltipText = new WebDriverWait(driver, 10)
.until(ExpectedConditions.visibilityOfElementLocated(toolTipLocator).getText();
//Verify
Or try this:
new Actions(driver).moveToElement(buttonElement).perform();
new WebDriverWait(driver, 10)
.until(ExpectedConditions.textToBePresentInElementLocated(toolTipLocator, textToVerify)
I have to test a reactJS application where all the textbox in login.js have some onChange event.
Using .sendKeys(), i am able to pass the value, but after clicking login button, those onChange events are not triggered.
I have tried with tab, enter as well as .click() and .clear() method. They are not working. Please help!
I have a scenario where I need to click a button to edit the page, But above this edit button there are links.. when am running the code the mouse automatically moving over those links and masking the EDIT button.
Can Anyone Suggest me hoe to click that button
JavaScript will click on the element regardless its state (covered in your case)
//Java syntax, similar in other languages
WebElement button = driver.findElement(By.id("id")); //locate the button
JavascriptExecutor js = (JavascriptExecutor)driver; //initialize JavascriptExecutor
js.executeScript("arguments[0].click();", button); //click the button
You should hide your elements you don't want to appear on the page with something like
driver.execute_script(document.getElementById('THE_ID_OF_YOUR_ELEMENT').style.display='none';");
If you don't want to use the ID, you can also use the css selector, the xpath, etc...