diff --git a/docs/mobile-apps/features/network-capture.md b/docs/mobile-apps/features/network-capture.md index 9022a9206f..a7a2186aed 100644 --- a/docs/mobile-apps/features/network-capture.md +++ b/docs/mobile-apps/features/network-capture.md @@ -33,9 +33,31 @@ To enable network traffic capturing in your tests: - [Espresso via saucectl](/mobile-apps/automated-testing/espresso-xcuitest/espresso/#networkcapture) - [XCUITest via saucectl](/mobile-apps/automated-testing/espresso-xcuitest/xcuitest/#networkcapture) -Now you can start your live or automated testing session. Your network logs will be captured and displayed in the test results page. +Now you can start your live or automated testing session. Your network logs will be captured and displayed in the test results page as well as During a Live Testing session with the Developer Options window. -## Accessing HAR Files +## Accessing Network Traffic in Realtime (Live Testing) + +To be able to observe network traffic in realtime: + +1. Navigate to **Live** -> **Mobile App**/**Cross Browser** +2. Choose device and start a session +3. Launch the network inspector + +Select Developer Options + + * Start the capture. + +Start capture + + * Inspect network logs as they arrive + +Inspect network logs + + * A copy of what you see in the inspector can be downloaded in HAR format with the following button. + +Inspect network logs + +## Accessing HAR Files (Live and Automated Testing) To download HAR files from Sauce Labs: @@ -77,9 +99,9 @@ Alternatively, some other commonly used HAR viewers include: - Android Emulators - iOS Simulators -- Hybrid Applications (React Native, Cordova, Flutter) -- Android Chrome Browser -- iOS Safari Browser +- Hybrid Applications in automated tests (React Native, Cordova, Flutter) +- Android Chrome Browser in automated tests +- iOS Safari Browser in automated tests ::: diff --git a/static/img/mobile-apps/network-capture-1.png b/static/img/mobile-apps/network-capture-1.png new file mode 100644 index 0000000000..e91a8a63cb Binary files /dev/null and b/static/img/mobile-apps/network-capture-1.png differ diff --git a/static/img/mobile-apps/network-capture-2.png b/static/img/mobile-apps/network-capture-2.png new file mode 100644 index 0000000000..36f05061ba Binary files /dev/null and b/static/img/mobile-apps/network-capture-2.png differ diff --git a/static/img/mobile-apps/network-capture-3.png b/static/img/mobile-apps/network-capture-3.png new file mode 100644 index 0000000000..43e514e6f5 Binary files /dev/null and b/static/img/mobile-apps/network-capture-3.png differ diff --git a/static/img/mobile-apps/network-capture-4.png b/static/img/mobile-apps/network-capture-4.png new file mode 100644 index 0000000000..d228781926 Binary files /dev/null and b/static/img/mobile-apps/network-capture-4.png differ