[MUSIC]

Okay, so let's get this party started.

Selenium-WebDriver has all sorts of client level APIs that let you use just about any

programming language that you can think of.

Now with that in mind, we decided to use JavaScript since you're driving a web

browser and JavaScript is the language of the web.

We figured, chances are you probably have some level of

experience with JavaScript, if you're here.

Now in order to get started,

we're going to need to make sure that you have Node installed.

If you've never used Node before, don't fear.

Node is a JavaScript run-time that allows you to write JavaScript applications and

run them locally as well as on a server.

Let's make sure that we've got everything installed.

All right, so I'm running on a Mac and I've got my terminal open here.

So let's see if I have Node installed.

So I'm gonna type, which node, and it turns out that I do.

On a PC you would type where node.

Now if you didn't find Node installed, check the teachers notes for

installation instructions.

I'm just gonna verify what version of Node I'm running, so I'm gonna have node- v,

and you'll see here that I'm running version 6.9.4.

As long as we're on version 6, and that's that first number here.

This is the major release, 6, or greater we'll be good to go.

If you aren't there,

get a newer versioned installed using the instructions in the teacher's notes.

Okay, so now I wanna make a directory or

folder to store the code that we'll be working on in this course.

I'm gonna call it Selenium basics.

I'm gonna say, mkdir selenium-basics.

And I'm gonna change to that directory.

So change directory, selenium-basics.

Okay, and since we have Node installed, we also have NPM.

NPM stands for the Node Package Manager and

it allows you to install Node based modules.

So, we want to install one of those open source modules, the one for Selenium.

So we'll type npm install selenium-webdriver.

It's gonna go and download that stuff and it's gonna give us some warnings.

And basically, these warnings are just because we haven't yet

made our folder a package.

But what it did do was install a bunch of Node modules, and

we can see those if we do ls.

We can list those files in the Node modules directory and

you'll see what was required to get Selenium up and running.

So now that we have the package installed,

we actually need to install the web driver, the browser specific web driver.

Let's start with the Chrome version.

So we'll install this globally, so you don't need to do it over and over again.

So we'll say, npm install chromedriver -g.

And that's going to install it globally.

And you need to have the right permissions.

I'm gonna show you what happens if you don't, and

then I'll show you how to fix it.

So see it says I don't have it.

It says, please try running this command as root administration.

So I'm just gonna do a sudo npm.

I'm gonna say, sudo which is basically will log

you in as an administrator to put that in there.

So, I will do that, put it as password.

There we go.

And so now that we've got it installed,

we can type chromedriver --version, just to make sure it's working.

Awesome.

In the course,

DOM Scripting By Example, there is an RSVP web application that's built.

Now, I've attached the workspace here.

Go ahead and launch that workspace.

So, this is what my workspace looks like.

I'm gonna go ahead and preview, and then I'm gonna click this

eye here to open up the preview, so it will launch the webpage for us.

And I'm gonna use this just a little bit so you can kinda see how things work.

So I'm gonna type, Nathan.

I'm gonna submit.

I'm also gonna add Elizabeth here.

There we go.

So you see that they start adding up.

And you can confirm or not confirm, or you can edit the person's name.

So add Nathan Menge.

So as you can see, there's a little bit of interactivity that's going on here, and

we can automate it.

What do you say we give it a try?

So what I'm gonna do is I'm gonna copy the URL.

Now, note here that this URL is pretty intense,

so yours is gonna look different than mine.

So I'm gonna copy that and I'm gonna flip back over to my terminal.

Node offers what is known as a REPL, or a read eval print loop.

It basically let's you build a program up as you go, and it's wonderful for

this sort of exploratory coding.

To start it, you just type Node.

So, first, we need to grab the module that we installed.

So this is just JavaScript here, right?

So I'm gonna do a const selenium, so this is the name of the package.

And we'll say,

require selenium-webdriver.

Okay, and the package lets you use the builder design

pattern to configure the driver that you exactly want.

You called build on the builder and it returns the right version.

Here, let's do it.

So I'll say const, we'll call our variable driver.

And we'll make a new selenium, lowercased, .Builder, okay?

This is the pattern here, so you describe what it is that you want.

For right now, we just wanna have Chrome, so we'll say, forBrowser, chrome.

And then after you've set up all of your options, you call build on it and

that's how the pattern works.

So we'll do build, all right.

And now, I am going to set up a URL and

then I'm gonna paste, and that's the Treehouse preview that was up from before.

Okay, so I'm gonna do driver.get, cuz that's how you go get the webpage, url.

And it put back a whole bunch of information, but

it should have also opened up a new RSVP app.

And you'll see it says that Chrome is being controlled by

automated test software.

And also, it's made a new Chrome instance.

So I have Chrome up and running, but it's a new Chrome one over here.

And that's nice [LAUGH] because as you start doing these,

they'll start opening more and more.

And you'll probably wanna know this because eventually you'll wanna close it,

so you say driver.close.

And then you'll see that it's gone.

And to get out of the REPL, you can press CTRL + D.

Now don't worry, the REPL does a great job of ruining what you just typed in, so

you won't need to type all that again.

Okay, why don't you take a quick break and come back here and

we'll get started learning the basics of how to manipulate these elements.