-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
95 lines (87 loc) · 4.4 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>You, Too, Can Run an Automated Test</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="markdown.css">
<style>
.markdown-body {
box-sizing: border-box;
min-width: 200px;
max-width: 980px;
margin: 0 auto;
padding: 45px;
}
</style>
<link rel="icon"
type="image/png"
href="favicon.png">
</head>
<body>
<div class="markdown-body">
<div class="centered">
<h1>You, Too, Can Run an Automated Test</h1>
<h2>A Technical Overview of Sauce Labs for Non-Technical Users</h2>
<div><a href="slides.pdf" target="_blank">Download Presentation Slides</a></div>
</div>
<br/>
<h3>Setting Up a Dev Environment</h3>
<ol>
<li><a href="https://github.com/join" target="_blank">Sign up for a Github account</a></li>
<li><a href="https://gitpod.io/#https://github.com/saucelabs-training/kickoff2020-testing-intro"
target="_blank">Open
the Gitpod</a></li>
<li>Sign in to Github & Authorize Gitpod</li>
<li>In the File Drop down, select "Auto-Save"</li>
<li>Open <code>sauce_example.rb</code> file</li>
</ol>
<h3>Starting and Stopping a Sauce Session</h3>
<ol>
<li>If you don't already have a Sauce Labs account, <a href="https://saucelabs.com/sign-up" target="_blank">Sign
up for a Trial Sauce Labs Account</a></li>
<li>Locate your <a href="https://app.saucelabs.com/user-settings" target="_blank">Sauce Labs Credentials</a>
<li>Paste the credentials where it says "yourusername" and "00000000-0000-0000-0000-000000000000"
<li>Use the <a href="https://wiki.saucelabs.com/display/DOCS/Platform+Configurator" target="_blank">Platform Configurator</a>
to create your desired combination (for example select the following)
<ul>
<li>W3C</li>
<li>PC</li>
<li>Windows 10</li>
<li>Chrome 78</li>
<li>Advanced Configuration --> 1024x768</li>
</ul>
<li>At the bottom of the Platform Configurator page, click the "Ruby" tab to see the resulting code</li>
<li>Copy/Paste the "capabilities" code over the <code>capabilities</code> line in your Gitpod environment</li>
<li>In the terminal at the bottom of the Gitpod environment, type: <code>ruby sauce_example.rb</code> and hit
enter
</li>
<li><a href="https://app.saucelabs.com/dashboard/tests" target="_blank">Look at the Dashboard to see the job
running</a>
</li>
</ol>
<h3>Adding Sauce Labs Options</h3>
<ol>
<li>Go to the <a href="https://docs.saucelabs.com/reference/test-configuration/" target="_blank">Test
Configuration Options page</a></li>
<li>Scroll down to the very bottom</li>
<li>In the far right column of the second to last row, copy the <code>"extendedDebugging": true</code> information</li>
<li>In the far right column of the last row, copy the <code>"capturePerformance": true</code> information</li>
<li>In Gitpod, after the <code>"1024x768",</code>, hit "enter" and paste this information<br />
Tip: Make sure that you have a comma after each key/value pair in "sauce:options"</li>
<li>type a comma after the extended debugging text and hit enter</li>
<li>Uncomment the name and build lines of code by deleting the pound (<code>#</code>) sign at the beginning</li>
<li>Copy those 2 lines and paste them into the capabilities code</li>
<li>In the terminal, type: <code>ruby sauce_example.rb</code> and hit enter</li>
<li><a href="https://app.saucelabs.com/dashboard/builds" target="_blank">Look at the Dashboard to see the Build</a></li>
</ol>
<h3>Running A Real Test</h3>
<ol>
<li>Navigate to the <a href="https://saucedemo.com" target="_blank">Sauce Demo Page</a></li>
<li>Fill out the form with "standard_user" and "secret_sauce" credentials</li>
<li>Uncomment the rest of the code at the bottom for finding elements and submitting results</li>
<li><a href="https://app.saucelabs.com/dashboard/builds" target="_blank">Look at the Dashboard to see the Build</a></li>
</ol>
</div>
</body>
</html>