Scribd
Upload
17 views23 pages

Front Page

Uploaded by

madhurcb1
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
17 views23 pages

Front Page

Uploaded by

madhurcb1
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 23

JAWAHARLAL NEHRU TECHNOLOGICAL UNIVERSITY HYDERABAD

UNIVERSITY COLLEGE OF ENGINEERING SCIENCE AND TECHNOLOGY HYDERABAD

Department of Computer Science and Engineering


CERTIFICATE

This is to certify that ARRURI MADHU of B. TECH III year I Semester bearing Hall-
ticket number 22011A0512 has fulfilled her DEVOPS LAB record for the academic year
2024-2025.

Signature of Head of the Department Signature of staff member

Date of Examination

Internal Examiner External Examiner


2

INDEX

S.NO NAME OF THE PROGRAM PAGE NO

1 Write code for a simple user registration form for an event 1

2 Explore Git and GitHub commands 3

3 Practice Source code management on GitHub. Experiment with the 5


source code in exercise 1.

4 Jenkins installation and setup, explore the environment. 6

5 Demonstrate continuous integration and development using Jenkins 9

6 Explore Docker commands for content management. 10

7 Develop a simple containerized application using Docker.. 11

8 Install and Explore Selenium for automated testing. 12

9 Write a simple program in JavaScript and perform testing using 13


Selenium.

10 Develop test cases for the above containerized application using 16


selenium.

ANNAMNENI PRAMOD
22011A0503
3

22011A0503
1. Write code for a simple user registration form for an event.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>User Registration Form</title>
</head>
<body>
<form id="registrationForm">
<label for="fullName">Full Name:</label><br>
<input type="text" id="fullName" name="fullName" required><br>
<label for="email">Email:</label><br>
<input type="email" id="email" name="email" required><br>
<label for="password">password:</label><br>
<input type="password" id="password" name="password" required><br>
<br>
<input type="submit" value="Register">
</form>
<div id="successMessage" style="display: none;">
<p>Registration Successful!</p>
</div>
<script>
document.getElementById("registrationForm").addEventListener("submit",
function(event) {
event.preventDefault();
document.getElementById("successMessage").style.display = "block";
document.getElementById("registrationForm").reset();
});
</script>

22011A0512-MADHU ARRURI JNTUHUCEH


</body>
</html>

22011A0512-MADHU ARRURI JNTUHUCEH


2.Explore Git and GitHub commands.
Git and GitHub are two of the most popular tools used for version control and collaboration
in software development.
Here are some common Git and GitHub commands.
 Initializing a git repository: $git init
 Checking the status of your repository: $ git status

 Adding files to the stage: $ git add


 Committing changes: $ git commit -m "commit message"
 Checking the commit history: $ git log

 Undoing changes: $ git checkout


 Creating a new branch: $ git branch
 Switching to a different branch: $ git checkout
 Merging two branches: $ git merge
 Pushing changes to a remote repository: $ git push origin
 Cloning a repository from GitHub: $ git clone

 Creating a pull request on GitHub: Go to the repository on GitHub, select the branch you
want to merge and click the "New pull request" button.

3.Practice Source code management on GitHub. Experiment with the


source code written in exercise 1
Here a step by step procedure to practice source code management on github using source
code written in exercise 1

22011A0512-MADHU ARRURI JNTUHUCEH


1:sign up/login to github
If you don’t have a github account signup for one
If you already have an account login to github
2:create new repository
Click on “+” sign on the top right corner of the hithub page
Select new repository
Fill the repository name ,descriotion and other details
Optionally choose to initialize the repository with a readme file
Click on create repository
3:open any text editor like vs code
Open vs code ->terminal->check whether git command is exists or not .just type git on
terminal
If git is not reconginised by vs code
->first of see whether git is installed on your pc or not if not installed then install git
->after installing the git set the path in environment variables
->then restart your system ,then again type git

4:whatever the files that we created for simple user registration form add them to your git
repository
5:after adding open terminal and type git clone
https://github.com/madhuarruri/userregistation
Here after git clone it should be ur link

22011A0512-MADHU ARRURI JNTUHUCEH


-
6:then you can access all your files in github from vs code

4. Jenkins installation and setup, explore the environment.


Install java jdk-21
Set environment varaiable for JDK
Download and install Jenkins
Run Jenkins on local host http://localhost:6969/
Username :admin
Password:5cfe93da2d2a444ebb1485b86c2c95ed
Note:it is different from user to user you have set up this after installation
Steps to run simple python program:
Go to dashboard->new item,then enter an item name choose free style project
Click on ok

22011A0512-MADHU ARRURI JNTUHUCEH


Then open general->description(eg:this is my first program)

Advanced->use custom workspace->enter the path where your python file has saved eg: C:\
Users\allek\Downloads\jenkins programs
Go to build steps ->execute windows batch command (you can get get this path from
environment variables)

Then click on save


Go to build now,after this you can find build history open link(with date&time) and click on
console output
Output will be displayed

22011A0512-MADHU ARRURI JNTUHUCEH


5.Demonstrate continuous integration and development using Jenkins.
(build pipeline)
Project url :github.com/madhuarruri/integration
Repository url :https://github.com/madhuarruri/integration.git
For integration of Jenkins with github first of all we need to create a repository in that place
any file lets say eg:index.html
Then create new item ->general ->add any description
In github project add project url

22011A0512-MADHU ARRURI JNTUHUCEH


Then in git add repository url

Then select main because my github is stored under main

Then select repository browser as githubweb

Then tick the github hook trigger for GITScm polling


Then output will be displayed on the screen .

22011A0512-MADHU ARRURI JNTUHUCEH


Steps to build pipeline:
Create 3 jobs like job1,job2,job3
We can create by new item->name->apply->save
Go to manage jeenkins->pulgins->available pulgins->then install build pipeline
Afer successful installation of pipeline
U can find “+” in main page click on it
Give any name eg:karthik - > select build pipeline view - > create
Then select the initial job eg: job1

Then click on apply -> ok


Then click on run

22011A0512-MADHU ARRURI JNTUHUCEH


6. Explore Docker commands for content management.
Docker is a powerful platform for developing, shipping, and running applications in
containers. Content management within Docker involves managing images, containers,
volumes, and networks. Here are some essential Docker commands for content management
Docker Commands for Content Management

1. Docker run

 Description: Runs a command in a new container. It’s one of the most used Docker
commands because it creates and starts a new container.
 Syntax: docker run [OPTIONS] IMAGE [COMMAND] [ARG...]
 Example: $ docker run --name mycontainer -it ubuntu:16.04 /bin/bash
o Explanation:
 --name mycontainer: Assigns the name "mycontainer" to the container.
 -it: Combines -i (interactive) and -t (pseudo-TTY) options to keep the
container running interactively.

2. Docker start

 Description: Starts one or more stopped containers. It does not create a new container
but starts an existing one.
 Syntax: docker start [OPTIONS] CONTAINER [CONTAINER...]
 Example: $ docker start mycontainer

22011A0512-MADHU ARRURI JNTUHUCEH


o Explanation: Starts the container named "mycontainer".

3. Docker stop

 Description: Stops one or more running containers. It sends a SIGTERM signal to the
main process inside the container, allowing it to exit gracefully.
 Syntax: docker stop [OPTIONS] CONTAINER [CONTAINER...]
 Example: $ docker stop mycontainer
o Explanation: Stops the container named "mycontainer".

4. Docker rm

 Description: Removes one or more containers. The container must be stopped before
it can be removed.
 Syntax: docker rm [OPTIONS] CONTAINER [CONTAINER...]
 Example: $ docker rm mycontainer
o Explanation: Removes the container named "mycontainer".

5. Docker ps

 Description: Lists containers. By default, it shows only running containers.


 Syntax: docker ps [OPTIONS]
 Example: $ docker ps
o Explanation: Lists all currently running containers. To list all containers,
including stopped ones, use docker ps -a.

6. Docker images

 Description: Lists images. It shows all the Docker images available on the local host.
 Syntax: docker images [OPTIONS] [REPOSITORY[:TAG]]
 Example: $ docker images
o Explanation: Lists all images stored locally on the host.

7. Docker pull

22011A0512-MADHU ARRURI JNTUHUCEH


 Description: Pulls an image or a repository from a registry. It downloads the image
from a Docker registry like Docker Hub.
 Syntax: docker pull [OPTIONS] NAME[:TAG|@DIGEST]
 Example: $ docker pull ubuntu:16.04
o Explanation: Pulls the Ubuntu 16.04 image from the Docker Hub registry.

8. Docker push

 Description: Pushes an image or a repository to a registry. It uploads the image to a


Docker registry.
 Syntax: docker push [OPTIONS] NAME[:TAG]
 Example: $ docker push myimage
o Explanation: Pushes the image named "myimage" to the Docker Hub
registry.

7. Develop a simple containerized application using Docker.


Here's an example of how you can develop a simple containerized application using Docker:
Choose an application:
Before that create a folder in your file manager eg: 22507_Docker ->python_image -
>Dockerfile ,app.py
Note:Docker should be opened first
 Choose a simple application that you want to containerize. For example, a Python script
that prints "Hello World".
 Create a file named "Dockerfile" in the same directory as the application. In the Dockerfile,
specify the base image, copy the application into the container, and specify the command to
run the application.
Here's an example Dockerfile for a Python script:
Dockerfile
# myfirstprogram
FROM python
WORKDIR /app
COPY . /app
CMD ["python3", "app.py"]

22011A0512-MADHU ARRURI JNTUHUCEH


app.py
print("hello world")

 Build the Docker image: Run the following command to build the Docker image: $ docker
build -t myfirstprogram .

This command builds a new Docker image using the Dockerfile and tags the image with the
name "myfirstprogram".
Run the Docker container: Run the following command to start a new container based on the
image: $ docker run – myfirstprogram

You can see our created container in docker apploication

You can check in Windows powershell also

This is a simple example of how you can use Docker to containerize an application. In a real-
world scenario, you would likely have more complex requirements, such as running multiple
containers, managing network connections, and persisting data. However, this example
should give you a good starting point for using Docker to containerize your applications.

22011A0512-MADHU ARRURI JNTUHUCEH


8. Install and Explore Selenium for automated testing or Write a simple
program in JavaScript and perform testing using Selenium.

Prerequired:
Download and install Node.js
Download and install vs code
Install selenium-webdriver and install mocha
https://storage.googleapis.com/chrome-for-testing-public/125.0.6422.141/win64/chrome-
win64.zip

->for installing selenium web driver go to any web browser->selenium web driver install -
>Download selenium->javascript stable 4.21->chromedriver.exe->win64
Steps:
Create a folder called newfolder in your downloads /or any other main folder
Open this folder in vs code and go to termina->new terminal then type the below command
i.e npm init where it atomatically creates package.json file
{

22011A0512-MADHU ARRURI JNTUHUCEH


"name": "new-folder",
"version": "1.0.0",
"main": "index.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
},
"author": "",
"license": "ISC",
"description": "",
"dependencies": {
"selenium-webdriver": "^4.21.0"
},
"devDependencies": {
"chromedriver": "^125.0.3",
"geckodriver": "^4.4.1"
},
"mocha":"^10.2.0" //here u need to add this extra line
}

22011A0512-MADHU ARRURI JNTUHUCEH


Then next step is to install selenium
After installing it will create an package-lock.json file

After succesfull installation of selenium we need to install chromedriver

22011A0512-MADHU ARRURI JNTUHUCEH


Home.js
const { Builder, By, Key, until } = require('selenium-webdriver');
const chrome = require('selenium-webdriver/chrome');

(async () => {
const driver = await new Builder()
.forBrowser('chrome')
.setChromeOptions(new chrome.Options())
.build();

try {
await driver.get('https://www.google.com');
await driver.findElement(By.name('q')).sendKeys('Selenium', Key.RETURN);
await driver.wait(until.titleContains('Selenium'), 100000000000);
} catch (error) {
console.error('Test failed:', error);
} finally {
await driver.quit();
}
})();

Output:

22011A0512-MADHU ARRURI JNTUHUCEH


9. Develop test cases for the above containerized application using
selenium.
const { Builder, By, Key, until } = require('selenium-webdriver');
const chrome = require('selenium-webdriver/chrome');

(async () => {

22011A0512-MADHU ARRURI JNTUHUCEH


const driver = await new Builder()
.forBrowser('chrome')
.setChromeOptions(new chrome.Options())
.build();

try {
// Test Case 1: Navigate to Google and verify title
await driver.get('https://www.google.com');
await driver.wait(until.titleContains('Google'), 10000);
console.log('Test Case 1 Passed: Title contains "Google"');

// Test Case 2: Search for "Selenium" on Google


await driver.findElement(By.name('q')).sendKeys('Selenium', Key.RETURN);
await driver.wait(until.titleContains('Selenium'), 10000);
console.log('Test Case 2 Passed: Title contains "Selenium"');

// Test Case 3: Verify search results


const searchResults = await driver.findElements(By.css('div.g'));
console.log(`Test Case 3 Passed: Found ${searchResults.length} search results`);

// Test Case 4: Verify the presence of the search input box


const searchInput = await driver.findElement(By.name('q'));
const isSearchInputDisplayed = await searchInput.isDisplayed();
console.log(`Test Case 4 Passed: Search input box is displayed: $
{isSearchInputDisplayed}`);

} catch (error) {
console.error('One or more test cases failed:', error);
} finally {
await driver.quit();
}

22011A0512-MADHU ARRURI JNTUHUCEH


})();

22011A0512-MADHU ARRURI JNTUHUCEH

You might also like

pFad - Phonifier reborn

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy