Hiding Webview Elements from Video
TestFairy provides developers with the capability to conceal specific HTML elements within recorded videos displayed in UIWebView
or WKWebView
components within their application's user interface. This feature allows developers to enhance security and privacy by excluding sensitive information from video recordings.
In certain scenarios, developers might need to prevent some information, such as credit card details or other sensitive content, from being displayed in recorded video sessions. TestFairy's Hide Webview Elements from Video feature addresses this concern by allowing developers to selectively hide designated HTML elements from the video playback.
Syntax
The process of hiding a specific element from the recorded video involves utilizing the static instance method hideWebViewElements
within the TestFairy
class. This method requires a valid CSS selector as its parameter to target the desired HTML element for concealment:
[TestFairy hideWebViewElements:@"body"];
[TestFairy hideWebViewElements:@"div#username,div#password"];
[TestFairy hideWebViewElements:@".col-12,h1 .header"];
TestFairy finds any UIWebView
or WKWebView
in the view hierarchy and hides a given HTML element based on a valid CSS selector.
Example
Suppose you have a demo video showcasing your application's user interface. On the left side of the screen is the regular app interface, while the right side displays a screenshot with the HTML elements hidden:
![iphone no hidden HTML elements](/img/testfairy/sdk/iphone-with-fields.png)
![iphone hidden HTML elements](/img/testfairy/sdk/iphone-no-fields.png)
This functionality provides a clear visual representation of how TestFairy's feature conceals elements within the video.
- TestFairy ensures that elements are hidden from screenshots before they are uploaded, thereby preserving the security and privacy of sensitive information.
- The
hideWebViewElements
method supports the inclusion of multiple comma-separated CSS selectors. This capability allows you to hide multiple HTML elements simultaneously. - You can extend the list of hidden elements at any time by making additional calls to the
hideWebViewElements
method.