help me with this work step by step

Alright, let’s walk through everything in your Selenium PDF step by step until you can run the Shopee script. 💻✨ (Selenium.pdf)

---

0. Before you start

Make sure you have:

• A Windows PC (the slides show Windows paths).
• Google Chrome installed.

---

1️⃣ Install Java (JDK) and set environment variables

1. Download JDK

1. Open your browser.
2. Go to the official Java SE downloads page (Oracle).
3. Download the JDK installer that matches your system (most likely Windows x64).
   → This corresponds to the screenshots on pages 11–12. (Selenium.pdf)

2. Install JDK

4. Run the downloaded installer (.exe).
5. Click Next through the wizard and finish.
   → After installation, you’ll see a folder like:
   C:\Program Files\Java\jdk-<version> (shown on page 13). (Selenium.pdf)

3. Set environment variables

6. In Windows search, type “Edit the system environment variables” and open it.

7. Click Environment Variables….

8. Under System variables:

   • Click New…
   • Name: JAVA_HOME
   • Value: C:\Program Files\Java\jdk-<your-version>

9. Find the variable Path, select it → Edit.

10. Click New, add:
    %JAVA_HOME%\bin
    → This is what “Set the Environment Variables” on page 14 is showing. (Selenium.pdf)

11. Click OK on all dialogs.

12. Verify

• Open Command Prompt and run:
  java -version
• If it prints a version, Java is set correctly.

---

2️⃣ Install Eclipse IDE for Java Developers

1. Download Eclipse

1. Go to the official Eclipse website.
2. Click the big Download button (see page 15). (Selenium.pdf)

2. Install Eclipse

3. Run the installer.
4. Choose “Eclipse IDE for Java Developers”.
5. Click Install and complete the setup.
   → After installation, you should see the Eclipse welcome screen like on page 16. (Selenium.pdf)

---

3️⃣ Download Selenium WebDriver (Java) + ChromeDriver

3.1 Selenium Java client

1. Go to the official Selenium website ➜ Downloads (shown on page 18). (Selenium.pdf)
2. Under Selenium Server / WebDriver → Java, click Download.
3. You’ll get a .zip file (something like selenium-java-4.x.x.zip).
4. Extract the ZIP.
5. Create a folder, for example: C:\Selenium.
6. Move the extracted Selenium folder into C:\Selenium.
   → Exactly like the folder shown on page 19. (Selenium.pdf)

You should now have something like:

text
C:\Selenium\selenium-java-4.x.x\
    selenium-java-4.x.x.jar
    selenium-api-...
    libs\ (more jars)

3.2 ChromeDriver

1. In Chrome, click ⋮ → Help → About Google Chrome and note the version (shown on page 20). (Selenium.pdf)
2. Search in Google for “chromedriver” and open the official ChromeDriver page.
3. Download the ChromeDriver version that matches your Chrome version.
4. Extract the ZIP – you’ll get chromedriver.exe.
5. Move chromedriver.exe into your C:\Selenium folder.
   → This matches page 21’s screenshots. (Selenium.pdf)

Now you should have:

text
C:\Selenium\
    chromedriver.exe
    selenium-java-4.x.x\

---

4️⃣ Create a Java project in Eclipse

4.1 New Java Project

1. Open Eclipse.
2. Click File → New → Java Project. (Selenium.pdf)
3. Enter a project name, e.g. SeleniumShopee.
4. Click Finish.

4.2 Create package and class

5. In the Package Explorer, right-click src → New → Package.
   • Name: sample (or any name you like).
6. Right-click the new package → New → Class.
7. Name the class, e.g. SeleniumScript.
8. Tick the box public static void main(String[] args) to auto-create main.
   → This is what page 24 illustrates. (Selenium.pdf)

---

5️⃣ Add Selenium JARs to the Build Path

1. Right-click your project (SeleniumShopee) → Build Path → Configure Build Path….
2. Go to the Libraries tab.
3. Click Add External JARs….
4. Navigate to C:\Selenium\selenium-java-4.x.x\.
5. Select all .jar files in that folder and inside its libs subfolder.
6. Click Open, then Apply and Close.
   → This corresponds to “Configure build path and add the dependencies” on page 25. (Selenium.pdf)

Now your project knows about Selenium.

---

6️⃣ Write the Selenium test script

Open your SeleniumScript.java file and put this code inside:

java
package sample;

import org.openqa.selenium.WebDriver;
import org.openqa.selenium.chrome.ChromeDriver;

public class SeleniumScript {
    public static void main(String[] args) {

        // 1. Tell Java where chromedriver.exe is
        System.setProperty("webdriver.chrome.driver",
                "C:\\Selenium\\chromedriver.exe");

        // 2. Create a new Chrome browser instance
        WebDriver driver = new ChromeDriver();

        // 3. Open the Shopee login page
        driver.get("https://shopee.ph/buyer/login");

        // (Optional) close browser after a few seconds, or keep it open to check
        // driver.quit();
    }
}

• Make sure the path in System.setProperty matches where your chromedriver.exe is.

In Eclipse you’ll see red underlines at first — hover and click “Import …” to add:

• import org.openqa.selenium.WebDriver;
• import org.openqa.selenium.chrome.ChromeDriver;

That’s the “Import the WebDriver and ChromeDriver” step on page 26. (Selenium.pdf)

---

7️⃣ Run the program

1. Right-click your class file (SeleniumScript.java) → Run As → Java Application.
2. Eclipse will compile the code.
3. A Chrome window should open automatically and navigate to the Shopee login/home page – just like the final screenshots on pages 27–28. (Selenium.pdf)

---

8️⃣ If you hit an error

Common issues:

• java.lang.IllegalStateException: The path to the driver executable must be set
  → The System.setProperty path is wrong. Check that chromedriver.exe is in the folder you specified.

• Browser version mismatch
  → If Chrome opens then closes or console mentions version mismatch, download a ChromeDriver that matches your Chrome version.

• Missing imports / classes not found
  → Ensure you added all Selenium JARs to the build path and imported WebDriver and ChromeDriver.

---

If you tell me which step you’re on right now (e.g. “I’m at step 5 and I see an error”), I can walk you through the exact fix next.

Good question — that wording is confusing the first time you see it.

When I say “run the downloaded installer” for JDK, I mean:

1. Find the file you just downloaded

On Windows:

1. Open File Explorer.
2. Go to your Downloads folder.
3. Look for a file with a name similar to:
   • jdk-21_windows-x64_bin.exe
     or
   • jdk-17_windows-x64_bin.exe
     (the version numbers might be different)

That file is the “installer”.

2. Open (run) the installer

4. Double-click that JDK file (.exe).
5. If a blue Windows box pops up saying
   “Do you want to allow this app to make changes to your device?”
   click Yes.

Now you should see a Java Setup / JDK Setup window.

3. Click through the setup wizard

6. Click Next (or Install) on each screen.
7. If it asks where to install, you can leave the default (something like
   C:\Program Files\Java\jdk-xx).
8. Wait for the progress bar to finish.
9. Click Close / Finish.

That’s what the slide means on Step 3: “Then just execute the installer and Java will be downloaded to your system.” (Selenium.pdf)

After this, Java is installed on your computer.
The next step from your slides is to set the Environment Variables (JAVA_HOME and Path). If you’d like, I can walk you through those clicks one by one next.

Nice, that means you’re in the right place already 👍

In newer Eclipse versions you do have to select either Classpath or Modulepath first. For what you’re doing, just use Classpath.

Do this:

1. In Eclipse, right-click your project → Build Path → Configure Build Path…
2. Go to the Libraries tab. (This is the screen shown on page 25 of your PDF.) (Selenium.pdf)
3. In the big list you should see two entries:
   • Modulepath
   • Classpath
4. Click once on Classpath so it’s highlighted.
5. Now click Add External JARs… on the right.
6. Browse to your Selenium folder, e.g. C:\Selenium\selenium-java-4.x.x\
7. Select:
   • all the .jar files in that folder, and
   • all the .jar files inside its libs subfolder
8. Click Open → Apply and Close.

That’s it—Eclipse will put all those Selenium JARs on the Classpath, which is exactly what you want.

If you tell me what you see in that Libraries window (or if any button is still greyed out), I’ll help you fix it from there.

That error just means: Eclipse doesn’t know what WebDriver and ChromeDriver are yet.
We fix that in two parts:

---

1️⃣ Make sure Selenium JARs are on the Classpath

1. In Eclipse, in the left panel, right-click your project (e.g. SeleniumShopee or dude).
2. Click Build Path → Configure Build Path…. (Selenium.pdf)
3. Go to the Libraries tab.
4. Click on Classpath so it’s highlighted.
5. Click Add External JARs….
6. Go to the folder where you unzipped Selenium, e.g.
   C:\Selenium\selenium-java-4.x.x\
7. Select:
   • all .jar files in that folder, and
   • all .jar files inside its libs subfolder (Ctrl+A inside libs).
8. Click Open → Apply and Close.

👉 In the Package Explorer, you should now see a Referenced Libraries section with a bunch of Selenium JARs.

---

2️⃣ Add the correct import lines

Open your Seleniumscript.java and at the very top, it should look like this:

java
package dude.sample;   // or whatever your package is

import org.openqa.selenium.WebDriver;
import org.openqa.selenium.chrome.ChromeDriver;

public class Seleniumscript {
    public static void main(String[] args) {
        System.setProperty("webdriver.chrome.driver",
                "C:\\Selenium\\chromedriver.exe");

        WebDriver driver = new ChromeDriver();
        driver.get("https://shopee.ph/buyer/login");
    }
}

If the import lines aren’t there:

1. Put your cursor on the word WebDriver in your code.
2. Press Ctrl+1 (or hover the mouse over it).
3. Choose “Import ‘WebDriver’ (org.openqa.selenium)”.
4. Do the same for ChromeDriver.

That will automatically add the two import lines.

---

3️⃣ Clean and run again

1. In the top menu, click Project → Clean… → Clean all projects → OK.
2. Then right-click Seleniumscript.java → Run As → Java Application.

If everything above is done, the WebDriver cannot be resolved to a type and ChromeDriver cannot be resolved to a type errors should disappear, and Chrome should open on the Shopee page.

If you still see red underlines, tell me exactly what the first few lines of your file look like (the package + import lines) and I’ll adjust the fix.

Your code is already almost correct – the error isn’t really about the Java code, it’s that Eclipse still can’t “see” the Selenium library. But I’ll give you a clean, fixed version to copy-paste and then a short checklist so it actually compiles.

Here’s the final code you should use:

java
package dude.sample;   // keep this the same as your package in Eclipse

import org.openqa.selenium.WebDriver;
import org.openqa.selenium.chrome.ChromeDriver;

public class Seleniumscript {

    public static void main(String[] args) {

        // 1. Path to your chromedriver.exe
        System.setProperty("webdriver.chrome.driver",
                "C:\\Selenium\\chromedriver.exe");

        // 2. Start Chrome
        WebDriver driver = new ChromeDriver();

        // 3. Go to Shopee login page
        driver.get("https://shopee.ph/buyer/login");

        // (optional) keep browser open, or later call driver.quit();
    }
}

If you paste exactly that and you still see:

WebDriver cannot be resolved to a type
ChromeDriver cannot be resolved to a type

then the problem is not in the code. That error only happens when Selenium jars are not on the project’s build path.

Quick checklist to remove the error

Do these steps once more carefully:

1. Add Selenium JARs

   • Right-click your project → Build Path → Configure Build Path…
   • Go to Libraries tab.
   • Click Classpath so it’s highlighted.
   • Click Add External JARs…
   • Go to your Selenium folder (from your PDF, the folder you created in C: for Selenium). (Selenium.pdf)
   • Select all the .jar files in the main folder and in its libs subfolder.
   • Click Open → Apply and Close.

2. Check that imports are correct

   • At the top of your file you should have only:

     java
     import org.openqa.selenium.WebDriver;
     import org.openqa.selenium.chrome.ChromeDriver;

   • If there are any other WebDriver / ChromeDriver imports from weird packages, delete them.

3. Clean and run

   • Menu Project → Clean… → Clean all projects → OK
   • Right-click Seleniumscript.java → Run As → Java Application

After those steps, the compilation errors should disappear and a Chrome window should open on the Shopee login page.

No worries, this is a super common Eclipse confusion. 😊
When you only see Run As → Run Configurations…, it usually means Eclipse isn’t picking up your main method from the file you clicked on.

Let’s fix it in two ways: (A) the simple way, and if that still doesn’t work, (B) making a Run Configuration manually.

---

A. Make sure you’re running the Java file (not the project)

1. In Eclipse, look at the Package Explorer (left side).

2. Open this path:

   • dude (project name, or whatever yours is)
   • src
   • dude.sample (the package)

3. Click once on Seleniumscript.java to select it.

4. Make sure it’s open in the editor and you see this at the top:

   java
   package dude.sample;
   
   import org.openqa.selenium.WebDriver;
   import org.openqa.selenium.chrome.ChromeDriver;
   
   public class Seleniumscript {
   
       public static void main(String[] args) {
           System.setProperty("webdriver.chrome.driver",
                   "C:\\Selenium\\chromedriver.exe");
   
           WebDriver driver = new ChromeDriver();
           driver.get("https://shopee.ph/buyer/login");
       }
   }

5. Press Ctrl + S to save.

6. Now, RIGHT-CLICK on Seleniumscript.java (the file itself) → hover Run As.

You should see: “1 Java Application”.
Click that and Chrome should open to Shopee (like in your slide on running the program). (Selenium.pdf)

If you still only see Run Configurations…, do this:

---

B. Create a Run Configuration manually

1. On the top menu, click Run → Run Configurations…

2. On the left side, double-click Java Application
   (or click it once and then the New launch configuration icon).

3. On the right side, fill in:

   • Name: Seleniumscript
   • Project: click Browse…, pick your project (e.g. dude)
   • Main class: click Search…, then choose
     dude.sample.Seleniumscript and press OK

4. Click Apply, then Run.

That will start your program even if the right-click menu is being annoying.

---

If after doing this Chrome still doesn’t open (or you get a new error in the Console), copy the exact error message and I’ll walk you through that next.