Select2 drop down option can not be selected

[pradeep.adaptive]

Hi
iam new to katalon actually in our website we use select2 drop down instead of select so i can not able to click the specified options in drop down

can anyone help over that

[ThanhTo]

Hi @pradeep.adaptive

From 6.3.4 you can press a combination of (Ctrl + ` ) when you hover on an object to automatically add a click on that object to the Web Recorder. The functionality is here to handle cases like this.

Record Web Utility

I recommend using the latest version. If you’re using older versions, then you can add the item through Spy Tool and add a click on that object manually in your test case.

Hope it helps !

[emine]

Hello @pradeep.adaptive

Katalon Studio Drop-down List Select

Hi everyone, I’m writing with Katalon Studio. In this article, I would like to mention briefly about the solution I found for the problem that the items in the dropdown list cannot be captured by using Catalyst or Web Spy in Katalon Studio. Due to the different code techniques used in web projects, test tools such as Katalon Studio fail to capture some items. The most common problem with these items is in drop-down lists. In some cases, the selected value cannot be detected by Record Web i of Ka…

Please take a look at the hint that I’ve told you about.

[pradeep.adaptive]

Hi thanh

thanks for your reply but i treid to capture the got the object too but it was clickable !but also it was

[pradeep.adaptive]

below where the image for element available on drop down select2

[pradeep.adaptive]

Hi emine as for your article i taken the li-element object but that was also not clickable

[ThanhTo]

Try to use Javascript click. A very useful answer from @Russ_Thomas may be of help

Clicking on a button element is not actually clicking it

Hey Michael Instead of using a Test Object, try executing a click in JavaScript/jQuery (I do this all the time since it’s more reliable). You do, of course, need to ensure first that JavaScript/jQuery are “ready”. You will need to create a Keyword class: https://docs.katalon.com/display/KD/Define+custom+keywords and add a method something like… /** * Click an element using jQuery. * @param selector (String) jQuery selector to target the element. * @param iFrameSelector (string) op…

You only need to pass the selector (the object’s locator) into that function, since Russ already allows the second argument to be null by default, so you can forget about it.

[pradeep.adaptive]

hi thanh

used that too passed the object locator but can not clicked iam sharing my screen for your refrence

[ThanhTo]

Hi @pradeep.adaptive

You will need to create a package, then create a keyword and place the above piece of code into that keyword (class).

Suppose you created a package yourpackage and a keyword YourClass looks like this:

package yourpackage

import static com.kms.katalon.core.checkpoint.CheckpointFactory.findCheckpoint
import static com.kms.katalon.core.testcase.TestCaseFactory.findTestCase
import static com.kms.katalon.core.testdata.TestDataFactory.findTestData
import static com.kms.katalon.core.testobject.ObjectRepository.findTestObject
import static com.kms.katalon.core.testobject.ObjectRepository.findWindowsObject

import com.kms.katalon.core.annotation.Keyword
import com.kms.katalon.core.checkpoint.Checkpoint
import com.kms.katalon.core.cucumber.keyword.CucumberBuiltinKeywords as CucumberKW
import com.kms.katalon.core.mobile.keyword.MobileBuiltInKeywords as Mobile
import com.kms.katalon.core.model.FailureHandling
import com.kms.katalon.core.testcase.TestCase
import com.kms.katalon.core.testdata.TestData
import com.kms.katalon.core.testobject.TestObject
import com.kms.katalon.core.webservice.keyword.WSBuiltInKeywords as WS
import com.kms.katalon.core.webui.keyword.WebUiBuiltInKeywords as WebUI
import com.kms.katalon.core.windows.keyword.WindowsBuiltinKeywords as Windows

import internal.GlobalVariable

public class YourClass {
	/**
	 * Click an element using jQuery.
	 * @param selector (String) jQuery selector to target the element.
	 * @param iFrameSelector (string) optional iframe selector.
	 */
	static void jQ_click(String selector, String iFrameSelector = null) {
		String js = "\$(arguments[0]).click();"
		if(iFrameSelector) {
			js = "\$(arguments[1]).contents().find(arguments[0]).click();"
		}
		WebUI.executeJavaScript(js, Arrays.asList(selector, iFrameSelector))
	}
}

Then in your test case, you can use it like this

import yourpackage.YourClass

//Other steps

YourClass.jQ_click("The object's locator")

[pradeep.adaptive]

Thanks @Thanh for the reply exactly followed the above scenario but got an error

[pradeep.adaptive]

Can you suggest which element must be captured wheather “li” element from drop down of drop down select span??

[ThanhTo]

@pradeep.adaptive

Please don’t use Object ID as the argument into jQ_click function. It takes in a locator, in your case the locator is the value inside Selected Locator in the Test Object.

[pradeep.adaptive]

Hi thanh

i used selenium webdriver before so for xpath i used to fetch and add into it but in katalon i was unable to take the locators this was the extact element which i cought

Page_Adaptive Biz App/li_0002-DCS GLOBAL ifor pvt ltd trichy india is a lading software services

this was the extact value attribute
Session[“alert”] = “Employee " + employee.Name + " is updated.”;