File Upload in Selenium with C#

-
File Upload in Selenium with C#

The file upload is a simple process for transferring a file from a local computer to a website. This blog will demonstrate how to upload files to a website using Selenium and C#. In this section, I'll go over two methods for uploading files to a website.

Method 1:

The SendKeys() method is used in the first method. This SendKeys() method will assist in automatically entering text into the editable element. In this method, I'll pass the file location to be uploaded as a parameter to the SendKeys() method.

The following code snippet shows how to upload a file in Selenium. The first three steps show how to launch a Chrome browser. Navigate to the URL in the fourth step. Then some waiting time was added. Finally, the file upload element was discovered, and the physical path of the image to upload was passed through the SendKeys method.

private void UploadButton_Click(object sender, EventArgs e)
{
    // Download the same version of chromedriver
    var chromeDriverPath = new DriverManager().SetUpDriver(new ChromeConfig(), VersionResolveStrategy.MatchingBrowser);

    // Get a path of chromedriver
    string chromeDirectoryPath = System.IO.Path.GetDirectoryName(chromeDriverPath);

    // Create instance by passing the path of the chromedriver directory
    IWebDriver driver = new ChromeDriver(chromeDirectoryPath);

    driver.Navigate().GoToUrl("https://localhost:7055/");
    Thread.Sleep(1000);

    var element = driver.FindElement(By.Id("upload"));
    element.SendKeys(@"C:\Sample\SampleImage.png");
}

The following is an output of the above code snippet.

File Upload in Selenium with C#

Method 2:

Not all websites will have the same style of file upload control. It may differ from one website to the next. Another file upload method in Selenium is shown in the code snippet below. I used the Google Image website in this method. In this code, the Chrome browser is launched first, followed by a visit to the Google Image website. then click the 'search by image' icon, followed by the upload link The physical path of the image is then passed to the SendKeys.SendWait() method, and the 'Right' and 'Enter' keys are pressed to upload the image.

private void UploadButton_Click(object sender, EventArgs e)
{
    // Download the same version of chromedriver
    var chromeDriverPath = new DriverManager().SetUpDriver(new ChromeConfig(), VersionResolveStrategy.MatchingBrowser);

    // Get a path of chromedriver
    string chromeDirectoryPath = System.IO.Path.GetDirectoryName(chromeDriverPath);

    // Create instance by passing the path of the chromedriver directory
    IWebDriver driver = new ChromeDriver(chromeDirectoryPath);

    driver.Navigate().GoToUrl("https://images.google.com/");
    driver.Manage().Window.Maximize();
    Thread.Sleep(2000);

    var element = driver.FindElement(By.XPath("/html/body/div[1]/div[3]/form/div[1]/div[1]/div[1]/div/div[3]/div[3]"));
    element.Click();
    Thread.Sleep(1000);

    element = driver.FindElement(By.XPath("//*[@id='ow6']/div[3]/c-wiz/div[2]/div/div[3]/div[2]/div/div[2]/span"));
    element.Click();
    Thread.Sleep(1000);

    SendKeys.SendWait(@"C:\Sample\SampleImage.jpg");
    Thread.Sleep(2000);

    SendKeys.SendWait("{RIGHT}");
    Thread.Sleep(2000);

    SendKeys.SendWait("{ENTER}");
    Thread.Sleep(2000);
}

The image below is the result of the above code snippet. You can see it automatically navigate to Google Images, click the ‘search by image' icon, and then click the upload link to upload the image and perform the search.

File Upload in Selenium with C#

I hope this helps you. Keep coding.

Comments

Post a Comment

Popular posts from this blog

Entity Framework Core (EF) with SQL Server LocalDB

-
Image
This blog is going to illustrate how to implement Entity Framework (EF) Core with SQL Server LocalDB. The Entity Framework Core enables access to data from the database. This allows developers to avoid having to write most of the data access code. And the SQL Server LocalDB works similarly to the SQL SERVER with few features. You can get the LocalDB when you install visual studio or visual studio express. You can find the .mdf and _log.ldf files in the C:/Users/{user} directory. Let see how to create a SQL Server LocalDB and implement Entity Framework Core Step 1: The first step is to add a connection. In the menu -> click Tools and select Connect to Database It will display the Add Connection window. Enter (localdb)\mssqllocaldb in the server name textbox. Then in the Select or enter a database, select master and click ok Now in the server explorer, you can find the master DB containing Tables, Views, Stored
Read more

Exploring EventCallback in Blazor: Building Interactive Components

-
Image
Introduction: Blazor is a powerful framework for building web applications using C# instead of JavaScript. It allows developers to create interactive and dynamic user interfaces with ease. One of the key features in Blazor is the EventCallback<T> pattern, which enables communication between components through events. In this blog post, we will explore how to use the EventCallback<T> pattern in Blazor by building a simple example. Creating the Event-Driven Component: Let's start by creating a Blazor component called MyComponent. This component will raise an event when a button is clicked. Here's the code for the MyComponent.razor file: MyComponent.razor < h3 > My Component < / h3 > < button @onclick = " RaiseEvent " > Raise Event < / button > @code { [ Parameter ] public EventCallback < string > EventRaised { get ; set ; } private async Task RaiseEvent ( ) { await EventRais
Read more

A Step-by-Step Guide to Implementing Identity in ASP.NET Core MVC

-
Image
Are you ready to enhance your ASP.NET Core MVC project with the power of Identity? In this comprehensive guide, we'll walk you through the process of setting up and customizing the Identity system in your web application. By the end of this tutorial, you'll be able to implement secure user authentication and authorization for your ASP.NET Core project. Step 1: Create a New ASP.NET Core Web App Begin by opening Visual Studio and selecting "ASP.NET Core Web App (Model-View-Controller)" as your project template. Follow these steps: 1. Open Visual Studio and create a new project, selecting "ASP.NET Core Web App (Model-View-Controller)". 2. In the "Configure your project" window, enter the project name and choose the project's location. 3. In the "Additional Information" window, select the framework and choose "Individual Accounts" as the Authentication type. 4. Click "Create" to generate your project.
Read more