You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: files/en-us/learn_web_development/extensions/testing/automated_testing/index.md
+24-21Lines changed: 24 additions & 21 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -369,19 +369,17 @@ To get started:
369
369
370
370
#### The basics: Manual tests
371
371
372
-
The BrowserStack Live dashboard allows you to choose what device and browser you want to test on — platforms on the left, devices on the right. Select a device to see the choice of browsers available on that device.
372
+
The BrowserStack Live dashboard allows you to choose the platform, device and browser you want to test on.
373
+
For desktop testing, you select the operating system and browser directly.
374
+
For mobile devices, you choose the mobile operating system, device, and then you can select a browser for your device-browser combination.
You can enter URLs into the address bar, scroll up and down by dragging with the mouse, and use appropriate gestures (for example, pinch/zoom, two fingers to scroll) on the touchpads of supporting devices like MacBooks. Not all features are available on all devices.
381
-
382
-
You'll also see a menu that allows you to control the session.
383
-
384
-

382
+
You can enter URLs into the address bar, scroll up and down by dragging with the mouse, and use appropriate gestures (for example, pinch/zoom, two fingers to scroll) on the touchpads of supporting devices like MacBooks.
385
383
386
384
The available features vary depending on what browser is loaded, and can include controls for:
387
385
@@ -396,6 +394,10 @@ The available features vary depending on what browser is loaded, and can include
396
394
- Throttling the network
397
395
- Accessing screen readers
398
396
397
+

398
+
399
+
For more information, see the [BrowserStack Live](https://www.browserstack.com/docs/live) documentation.
400
+
399
401
#### Advanced: The BrowserStack API
400
402
401
403
BrowserStack also has a [restful API](https://www.browserstack.com/docs/automate/api-reference/selenium/introduction) that allows you to programmatically retrieve details of your account plan, sessions, builds, etc.
@@ -578,25 +580,26 @@ Let's get started with a Sauce Labs Trial.
578
580
1. Create a Sauce Labs trial account.
579
581
2. Sign in. This should happen automatically after you verify your email address.
580
582
581
-
#### The basics: Manual tests
583
+
#### The basics: Manual testing
582
584
583
-
The [Sauce Labs dashboard](https://app.saucelabs.com/dashboard/manual) has a lot of options available on it. For now, make sure you are on the _Manual Tests_ tab.
585
+
The [Sauce Labs dashboard](https://app.saucelabs.com/dashboard/manual) has a lot of options available on it.
586
+
When signed in, follow the 'Getting started' guide on the top-left of the page:
584
587
585
-
1. Click _Start a new manual session_.
586
-
2. In the next screen, type in the URL of a page you want to test (use <https://mdn.github.io/learning-area/javascript/building-blocks/events/show-video-box-fixed.html>, for example), then choose a browser/OS combination you want to test by using the different buttons and lists. There is a lot of choice, as you'll see!
587
-
3. When you click Start session, a loading screen will then appear, which spins up a virtual machine running the combination you chose.
588
-
4. When loading has finished, you can then start to remotely test the website running in the chosen browser.
589
-
5. From here you can see the layout as it would look in the browser you are testing, move the mouse around and try clicking buttons, etc. The top menu allows you to:
590
-
- Stop the session
591
-
- Give someone else a URL so they can observe the test remotely.
592
-
- Copy text/notes to a remote clipboard.
593
-
- Take a screenshot.
594
-
- Test in full screen mode.
588
+
1. In "Run your first test", click _Desktop browser_.
589
+
2. In the next screen, type in the URL of a page you want to test (like this page, for example), then choose a browser/OS combination you want to test by using the different buttons and lists.
3. When you start testing, a loading screen will appear, and an environment spins up running the device/browser combination you chose.
593
+
You can then start to remotely test the website running in the chosen browser.
595
594
596
-
Once you stop the session, you'll return to the Manual Tests tab, where you'll see an entry for each of the previous manual sessions you started. Clicking on one of these entries shows more data for the session. In here you can download any screenshots you took, watch a video of the session, view data logs, and more.
595
+
You can do quite a lot at this point, like share a test URL so someone else can observe the test remotely, copy text/notes to a remote clipboard, take a screenshot, test in full screen mode, and more.
597
596
598
-
> [!NOTE]
599
-
> This is already very useful, and way more convenient than having to set up all these emulators and virtual machines by yourself.
597
+
Once you stop the session, you'll return to the _Live_ tab, where you'll see an entry for each of the previous manual sessions you started.
598
+
Clicking on one of these entries shows more data for the session.
599
+
In here, you can download any screenshots you took, watch a video of the session, view data logs, and more.
600
+
This is already very useful, and a lot more convenient than having to set up multiple emulators and virtual machines by yourself.
601
+
602
+
For more information, see the [Sauce Labs documentation](https://docs.saucelabs.com/).
0 commit comments