Skip to content

Commit 60d0c0f

Browse files
bsmthpepelsbey
andauthored
chore: Update saucelabs screenshot (#40985)
* chore: Update saucelabs screenshot * chore: Update saucelabs screenshot * Update files/en-us/learn_web_development/extensions/testing/automated_testing/index.md * Update files/en-us/learn_web_development/extensions/testing/automated_testing/index.md Co-authored-by: Vadim Makeev <[email protected]> --------- Co-authored-by: Vadim Makeev <[email protected]>
1 parent 602e6b3 commit 60d0c0f

File tree

2 files changed

+24
-21
lines changed

2 files changed

+24
-21
lines changed

files/en-us/learn_web_development/extensions/testing/automated_testing/index.md

Lines changed: 24 additions & 21 deletions
Original file line numberDiff line numberDiff line change
@@ -369,19 +369,17 @@ To get started:
369369

370370
#### The basics: Manual tests
371371

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.
373375

374376
![Test Choices](browserstack-test-choices-sized.png)
375377

376378
Clicking on one of those browser icons will load up your choice of platform, device, and browser — choose one now, and give it a try.
377379

378380
![Test Devices](browserstack-test-device-sized.png)
379381

380-
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-
![Test Menu](browserstack-test-menu-sized.png)
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.
385383

386384
The available features vary depending on what browser is loaded, and can include controls for:
387385

@@ -396,6 +394,10 @@ The available features vary depending on what browser is loaded, and can include
396394
- Throttling the network
397395
- Accessing screen readers
398396

397+
![Test Menu](browserstack-test-menu-sized.png)
398+
399+
For more information, see the [BrowserStack Live](https://www.browserstack.com/docs/live) documentation.
400+
399401
#### Advanced: The BrowserStack API
400402

401403
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.
578580
1. Create a Sauce Labs trial account.
579581
2. Sign in. This should happen automatically after you verify your email address.
580582

581-
#### The basics: Manual tests
583+
#### The basics: Manual testing
582584

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:
584587

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!![select sauce manual session](sauce-manual-session.png)
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.![Sauce test running](sauce-test-running.png)
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.
590+
There is a lot to choose from, as you'll see!
591+
![select sauce manual session](sauce-manual-session.png)
592+
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.
595594

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.
597596

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/).
600603

601604
#### Advanced: The Sauce Labs API
602605

-6.89 KB
Loading

0 commit comments

Comments
 (0)