Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/kanugurajesh/web-testing

Website packet testing project
https://github.com/kanugurajesh/web-testing

data-visualization dataquery drivers elasticbeanstalk elasticsearch fastapi frontend json linux python reactjs selenium

Last synced: about 1 month ago
JSON representation

Website packet testing project

Awesome Lists containing this project

README 

        
# Web Testing Application



This project is used to test the web application.It extracts and visualizes the network logs of the website



## Usage



To Setup the Web Testing Application first you need to setup web_backend The instructions are given in the web_backedn readme file  

Then setup the web_frontend the instructions are provided in the web_frontend readme file  

  

## LambdaTest



[![LambdaTest_Logo](https://www.lambdatest.com/resources/images/guideline/ltlambdabrand.svg)](https://www.lambdatest.com/)



### Company information 

[LambdaTest](https://www.lambdatest.com/) is a continuous quality testing cloud platform that helps developers and testers ship code faster. Over 2 Million users across 130 countries and leading enterprises rely on LambdaTest for their testing needs. LambdaTest platform provides secure, scalable, and insightful test orchestration for customers at different points in their DevOps (CI/CD) lifecycle



### Why participate in an Octernship with LambdaTest



LambdaTest is building a seamless omnichannel digital experience testing platform for modern businesses across industries. Think of us as the test execution and orchestration backbone for leading global digital businesses. We work closely with the larger open-source and testing community through a lot of our initiatives.



One of LambdaTest’s major product components is our visualization offering. In this role, you will get a chance to work as a full-stack engineer for this offering. You will specifically be working on graphs and logs that are crucial for development teams to understand various aspects of their test execution. You’ll work closely with our engineering and product teams and get to do both the engineering and documentation parts of the process. Your work will be a game changer for more than 2mn users, across 10,000+ companies and 130+ countries.



### Octernship Role Description



We're looking for a full-stack developer to join our engineering team. 



| Octernship info  | Timelines and Stipend |

| ------------- | ------------- |

| Assignment Deadline  | 8 April 2023  |

| Octernship Duration  | 3 Months  |

| Monthly Stipend  | $500 USD  |



### Recommended qualifications



- Experience with Git & GitHub

- Writing modern JavaScript/Node.js/Golang/Python

- Passion for open source & web standards



### Eligibility

To participate, you must be:

* A [verified student](https://education.github.com/discount_requests/pack_application) on Global Campus

* 18 years or older

* Active contributor on GitHub (monthly)



# Assignment

## Test Logs Visualization with Graphs

As a company, I run ~2 Million Selenium test Network logs a day on cloud. Build an ability to graphically visualize the logs using a low end resource cloud architecture framework. This code should be able to package and run on self-hosted machines or on cloud with proxy settings and public APIs for subscribed customers. 



### Task instructions



The following are the prerequisites for the task: 

- Setup Selenium on your local machine 

- Write the script for opening the URL (https://www.lambdatest.com/) 

- Click on each header navigation items 

- Store the network logs generated on the browser to your local machine. 

- Repeat the process for more than 100 tests



The following are the requirements for the task: 

Use a lightweight graph library which can render a time series of 365 days on the x-axis and y-axis should be the following: 

- Total count of logs 

- Logs count/average stacked by log type (mime-type)

- Logs count/average stacked by log level (Status Codes) 

- Logs should be able to filter on the UI by any available key-value. 

- Logs should be searchable with a keyword using an API to fetch the results. 



You can use the recommended tech stack for developing this fullstack application: 

- ElasticSearch or any text search engine. 

- ReactJS 

- Go lang (or) Python for server 



### Task Expectations:

Students are expected to use the GitHub Flow when working on their task. This includes



1. Making changes on the auto generated `feedback` branch to complete the task

2. Using the auto generated **Feedback Pull Request** for review and submission

3. Using GitHub Discussions to ask any relevant questions regarding the project



### Resources

- Install [npm](https://docs.npmjs.com/downloading-and-installing-node-js-and-npm)

- Sample GitHub [Issue](https://github.com/npm/cli/issues/6051)

- [ElasticSearch](https://www.elastic.co/guide/index.html) documentation

- [ReactJS](https://reactjs.org/docs/getting-started.html) documentation

- [Go lang](https://go.dev/doc/) or [Python](https://www.python.org/doc/) documentation

- [Gin](https://gin-gonic.com/docs/) or [FastAPI](https://fastapi.tiangolo.com/) documentation