[Native render only] Capture elements in hybrid Android apps
- Create a new test case. Go to .
From the main toolbar in the blank test case page, click Record Mobile and select Android Devices. To learn more about the Record Mobile utility, refer to this document Record Mobile Utility.
In the pop-up Mobile Recorder dialog, specify the information in the Configuration section, then click Start to begin recording the application under test (AUT).
Note:- If your application begins in a WebView, and you don't want to open the AUT in the
NATIVE_APP
context, go to to setautoWebview
totrue
in Desired capabilities. - With this setting, the AUT automatically enters the
WEBVIEW
context on session start. Skip Step 4,5,6 and move to Step 7 to continue to automate your hybrid app.
- If your application begins in a WebView, and you don't want to open the AUT in the
By default, the Record Utility starts the AUT in the
NATIVE_APP
context. Set to theWEBVIEW
context by using theswitchToWebView
mobile keyword. More information here: [Mobile] Switch to WebView.In the main toolbar, click
. A new command line appears, then manually add theswitchToWebview
mobile keyword.//to set context to WebView
Mobile.switchToWebView()Click Save Script. An open dialog asks you to save captured objects into the Object Repository of Katalon Studio. Click OK to save recorded actions and objects.
In the new test case saved from step 5, do as follows:
- Switch to the Script tab.
- Remove the command line
Close Application
. - Run the test script.
Next, open a Chrome browser and navigate to chrome://inspect/#devices. The chrome://inspect page displays:
- The name of your Android testing device.
- The version of Chrome that's running on the device, with the version number in parentheses.
- A list of debug-enabled WebViews on your device. After step 9, you should see the URL of the testing Android application here.
Click Inspect to open a Chrome Devtools instance. Use Chrome Devtools to inspect WebView elements.
To learn more about Chrome Devtools and its functions, see also Chrome Devtools.
-
Return to Katalon Studio. Create and automate objects in your test with inspected elements from Step 7. To learn more about creating test objects in Webview, you can refer to this document Web Test Object.
In case you are defining test objects programmatically, you can use the following sample code in the script tab of your test:
// this is unnecessary if your AUT automatically enters the WEBVIEW context on session start.
Mobile.switchToWebView()
// to implement Mobile Driver Factory
DriverFactory.changeWebDriver(MobileDriverFactory.getDriver())
// to create a new test object named cdmDetails
TestObject cdmDetails = new TestObject()
// to add the object's property inspected from step 10
cdmDetails.addProperty("id", ConditionType.EQUALS, "119")
WebUI.setText(cdmDetails, "123")If you wish to stop automating in the
WEBVIEW
context and back to automating the native portion of the app, use theswitchToNative
mobile keyword. More information here: [Mobile]switchToNative mobile keyword.See also:// to switch back to the native mode.
Mobile.switchToNative()