/
index.html
279 lines (231 loc) · 12.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
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
<!DOCTYPE html>
<link rel="stylesheet" href="/css/header.css"/>
<html>
<head>
<title>Selenium IDE Is Dead, Long Live Selenium IDE! </title>
<link rel="icon" href="/favicon.ico" type="image/png">
<meta name="viewport" content="width=device-width,initial-scale=1">
</head>
<header id="header" class="header">
<a href="https://selenium.dev" class="headerLink">
<img class="logo logo-large" src="/images/selenium_logo_large.png"/>
<img class="logo logo-small" src="/images/selenium_logo_square_green.png"/>
<img class="logo logo-small logo-hide" src="/images/selenium_logo_square_white.png"/>
</a>
<a id="dropdownButton" class="dropdownButton" onClick="toggleMenu()">MENU +</a>
<nav id="navbar" class="navbar">
<div class="nav-item" onClick="toggleAboutNav()">
<span>About</span>
<div id="aboutArrow" class="arrow-down"></div>
</div>
<ul id="aboutSubnav" class="about-subnav">
<div class="subnav subnav-item">
<a href="/about">About</a>
</div>
<div class="subnav subnav-item">
<a href="/events">Events</a>
</div>
<div class="subnav subnav-item">
<a href="/ecosystem">Ecosystem</a>
</div>
<div class="subnav subnav-item">
<a href="/history">History</a>
</div>
<div class="subnav subnav-item">
<a href="/getinvolved">Get Involved</a>
</div>
<div class="subnav subnav-item">
<a href="/sponsors">Sponsors</a>
</div>
</ul>
<a class="nav-item" href="/downloads">Downloads</a>
<a class="nav-item" href="/projects">Projects</a>
<a class="nav-item" href="/documentation">Documentation</a>
<a class="nav-item" href="/help">Support</a>
<a class="nav-item" href="/blog">Blog</a>
<div class="nav-item">
<div class="search-bar-container">
<script>
(function() {
var cx = '018435082943254453647:ktxsp1-jcb8';
var gcse = document.createElement('script');
gcse.type = 'text/javascript';
gcse.async = true;
gcse.src = 'https://cse.google.com/cse.js?cx=' + cx;
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(gcse, s);
})();
</script>
<gcse:searchbox-only></gcse:searchbox-only>
<img class="search-icon" src="/images/search.png"/>
</div>
</div>
</nav>
</header>
<body>
<script>
function activateSearch() {
console.log('ACTIVATE')
}
function toggleMenu() {
const navbarItems = document.getElementsByClassName("nav-item");
const navbarElements = [...navbarItems];
const smallLogos = document.getElementsByClassName("logo logo-small");
const logoElements = [...smallLogos];
const header = document.getElementById("header");
const dropdownButton = document.getElementById("dropdownButton");
const subnavs = document.getElementsByClassName("about-subnav");
const subnavElements = [...subnavs];
const aboutArrow = document.getElementById("aboutArrow");
if(dropdownButton.innerText === "MENU +") {
dropdownButton.innerText = "MENU -"
} else dropdownButton.innerText = "MENU +"
navbarElements.forEach(element => {
if(element.className === "nav-item") {
element.className += " dropdown-active"
} else {
element.className = "nav-item"
}
})
subnavElements.forEach(element => {
element.className = "about-subnav";
});
aboutArrow.className = "arrow-down";
logoElements.forEach(element => {
if(element.className.includes("logo-hide")) {
element.className = "logo logo-small"
} else {
element.className += " logo-hide"
}
})
if(header.className === "header") {
header.className += " dropdown-active"
} else {
header.className = "header"
}
}
function toggleAboutNav() {
const aboutSubnav = document.getElementById("aboutSubnav");
const aboutArrow = document.getElementById("aboutArrow");
if(aboutSubnav.className === "about-subnav") {
aboutSubnav.className += " about-subnav-active";
} else {
aboutSubnav.className = "about-subnav"
}
if(aboutArrow.className === "arrow-up") aboutArrow.className = "arrow-down";
else aboutArrow.className = "arrow-up";
}
</script>
<link rel="stylesheet" href="/css/blog.css"/>
<link rel="stylesheet" href="/css/main.css"/>
<link href="https://fonts.googleapis.com/css?family=Encode+Sans" rel="stylesheet">
<body>
<section class="hero">
<a href="/blog"><h1>Selenium Blog</h1></a>
</section>
<div class="blog-container">
<div class="blog-content">
<div class="container dark-background">
August 6, 2018
<a href="https://selenium.dev/blog/long-live-selenium-ide/"><h2>Selenium IDE Is Dead, Long Live Selenium IDE! </h2></a>
<p>We are very pleased to announce the release of Selenium 3.0. If you’ve been waiting for a stable release since 2.53.1, now’s your chance to update. And if you do, here is what you’ll find:</p>
<p>As we’ve said before, for users of the WebDriver APIs this is a drop-in replacement. You’ll find that modern browsers, such as Chrome and Edge will continue to work just as before, and we’ve taken the opportunity to fix some bugs and improve stability. Selenium Grid users may require updates to their configuration as the json config file format has been updated, as have some of command line parameter options, but the upgrade should also be smooth.</p>
<p>The major change in Selenium 3.0 is we’re removing the original Selenium Core implementation and replacing it with one backed by WebDriver. This will affect all users of the Selenium RC APIs. For more information, please see the previous post.</p>
<p>A lot has changed in the 5 years between versions 2 and 3. When we shipped Selenium 2, the Selenium project was responsible for providing the driver for each browser. Now, we are happy to say that all the major browser vendors ship their own implementations (Apple, Google, Microsoft, and Mozilla). Because the browser vendors know their browsers better than anyone, their WebDriver implementations can be tightly coupled to the browser, leading to a better testing experience for you.</p>
<p>The other notable change has been that there is now a W3C specification for browser automation, based on the Open Source WebDriver. This has yet to reach “recommendation” status, but the people working on it (including members of the Selenium project!) are now focusing on finishing the text and writing the implementations.</p>
<p>Mozilla has been a front-runner in implementing the W3C WebDriver protocol. On the plus side, this has exposed problems with the spec as it has evolved, but it also means that Firefox support is hard to track as their engineering efforts have been forward looking, rather than on supporting the current wire protocol used by Selenium WebDriver. For now, the best advice we can offer is for you to try the latest release of geckodriver and Selenium together.</p>
<p>These are exciting times for browser automation! Selenium 3.0 is a major release and we’re looking forward to improving things further, as well as tracking the ongoing work of the W3C spec. Our goal is to keep the changes your tests need to deal with to an absolute minimum, to continue preserving the hard work that’s gone into writing your existing tests.</p>
<p>As a personal note, I’d like to say thank you to each of the many people that have worked so hard to make Selenium 3 possible. That’s not just the developers and contributors to the Open Source project (past and present), but also the engineers from Google, Microsoft, Mozilla, and Apple, and everyone involved with the W3C spec. I’d also like to say thank you to everyone who’s taken the time to report bugs, our users and our community. The project is great fun to work on and you’re the reason for that. A final thank you is due to the Software Freedom Conservancy, who have provided invaluable help with the logistics of running a large OSS project.</p>
<p>Happy hacking, everyone! May your tests run fast and true!</p>
<div class="share-container">
<h3>Share this: </h3>
<a href="mailto:?&subject=Selenium Blog - Selenium%20IDE%20Is%20Dead%2c%20Long%20Live%20Selenium%20IDE%21%20&body=https%3a%2f%2fselenium.dev%2fblog%2flong-live-selenium-ide%2f"><img class="social-icon" src="/images/mail.png"/></a>
<a href="https://twitter.com/home?status=https%3a%2f%2fselenium.dev%2fblog%2flong-live-selenium-ide%2f"><img class="social-icon" src="/images/twitter.png"/></a>
<a href="https://www.facebook.com/sharer/sharer.php?u=https://selenium.dev"><img class="social-icon" src="/images/facebook.png"/></a>
</div>
</div>
</div>
<div class="blog-sidepane">
<h3>Support the Selenium project</h3>
<p>Want to support the Selenium project? Learn more about sponsorship or view the full list of sponsors.</p>
<div class="button-container">
<a href="/sponsors">
<div class="button support-button"><b>LEARN MORE</b></div>
</a>
</div>
</div>
</div>
</body>
<!DOCTYPE html>
<link rel="stylesheet" href="/css/footer.css"/>
<html>
<head>
<meta name="viewport" content="width=device-width,initial-scale=1">
</head>
<footer>
<div onClick="toggleSitemap()" class="toggle-container">
Sitemap
<div id="sitemapArrow" class="arrow-down"></div>
</div>
<div id="navLinks" class="nav-links">
<div class="footer-section">
<a href="/about"><h3>About</h3></a>
<a href="/events">Events</a>
<a href="/blog">News</a>
<a href="/history">History</a>
<a href="/sponsor">Contribute</a>
<a href="/sponsors">Sponsors/Sponsoring</a>
<a href="/getinvolved">Get Involved</a>
<a href="/ecosystem">Ecosystem</a>
<a>License</a>
</div>
<div class="footer-section">
<a href="/downloads"><h3>Downloads</h3></a>
<a href="/maven">Maven</a>
<a href="/thirdparty">Third Party</a>
<a href="https://github.com/SeleniumHQ/selenium">Source Code</a>
</div>
<div class="footer-section">
<a href="/projects"><h3>Projects</h3></a>
<a href="/projects/#selenium-webdriver">Selenium WebDriver</a>
<a href="/projects/#selenium-grid">Selenium Grid</a>
<a href="/projects/#selenium-remote">Selenium Remote Control</a>
<a href="/projects/#selenium-ide">Selenium IDE</a>
</div>
<div class="footer-section">
<a href="/help"><h3>Support</h3></a>
<a href="/blog">Blog</a>
<a href="/documentation">Documentation</a>
</div>
</div>
<div class="social">
Follow us on twitter to keep up-to-date with all Selenium development and community activity!
<div class="social-icons">
<a href="mailto:selenium@sfconservancy.org"><img class="social-icon" src="/images/mail.png"/></a>
<a href="https://github.com/SeleniumHQ/selenium"><img class="social-icon" src="/images/github.png"/></a>
<a href="https://twitter.com/SeleniumHQ"><img class="social-icon" src="/images/twitter.png"/></a>
<a href="https://www.facebook.com/Selenium2.WebDriver"><img class="social-icon" src="/images/facebook.png"/></a>
<a href="https://www.youtube.com/channel/UCbDlgX_613xNMrDqCe3QNEw"><img class="social-icon" src="/images/youtube.png"/></a>
</div>
</div>
</footer>
<div class="sfc">
<p style="text-align:right;">All rights reserved, Software Freedom Conservancy</p>
</div>
<body>
<script>
function toggleSitemap () {
const sitemapArrow = document.getElementById("sitemapArrow");
const navLinks = document.getElementById("navLinks");
if(sitemapArrow.className === 'arrow-down') {
sitemapArrow.className = 'arrow-up'
} else {
sitemapArrow.className = 'arrow-down'
}
if(navLinks.className === 'nav-links') {
navLinks.className = 'nav-links show'
} else {
navLinks.className = 'nav-links'
}
}
</script>