IMPORTANT: Make sure to read the [GSoC participant instructions](https://www.mediawiki.org/wiki/Google_Summer_of_Code/Participants) and [communication guidelines](https://www.mediawiki.org/wiki/New_Developers/Communication_tips) thoroughly before commenting on this task. This space is for project-specific questions, so avoid asking questions about getting started, setting up Gerrit, etc. When in doubt, ask your question on [Zulip](https://www.mediawiki.org/wiki/Outreach_programs/Zulip) first!
# Status
Waiting for GSoC student to start working on this.
# The Project
At the #inuka-team we are building a plugin for partners to show wikipedia content available as contextual information on 3rd party sites.
MediaWiki page: https://www.mediawiki.org/wiki/Wikipedia_Preview
Demo Page: https://wikimedia.github.io/wikipedia-preview/demo/articles/english.html
## Technical details
This project's purpose is to write [[ https://github.com/cypress-io/cypress | cypress ]] tests for the plugin.
Example of cypress tests:
https://github.com/wikimedia/wikipedia-kaios/tree/main/cypress
Source code for wikipedia-preview
https://github.com/wikimedia/wikipedia-preview/
### Steps to install and run on your machine
(you need git, npm and node installed to run the app)
1. `git clone https://github.com/wikimedia/wikipedia-preview.git`
2. `cd wikipedia-preview`
3. `npm install`
4. `npm run dev`
### Skills
- [[ https://developer.mozilla.org/en-US/docs/Web/JavaScript | Javascript ]]
- [[ https://docs.cypress.io/guides/getting-started/writing-your-first-test.html/ | Cypress Docs]]
### Blogs with tips and tutorials
- [[ https://filiphric.com/blog | filiphric]]
- [[ http://glebbahmutov.com/blog/ | glebbahmutov]]
### Microtasks
#### Mandatory
* Create a sample test on the app for mobile and desktop
#### Extra
* Put it running on CircleCI
* Run it against multiple browsers (cross browser testing)
#### Instructions on Submission
1. [[ https://docs.github.com/en/github/getting-started-with-github/fork-a-repo | Setup a fork ]] of the [[ https://github.com/wikimedia/wikipedia-preview | repo ]]
2. Corresponding to each microtask, create a pull request on your fork
2. Invite the mentors as collaborators to your forked repos
**Github usernames**: jpita,**馃挕 Note**: Do not raise a pull request upstream / against the original project. vidhi-modyCreate a branch on your fork and create a PR to main to your fork, und3fined-v01dnot the original project
3. Corresponding to each microtask, create a pull request on your forkInvite the mentors as collaborators to your forked repos (ONLY WHEN YOU'RE DONE PUSHING CODE TO THE PR)
**馃挕 Note**: Do not raise a pull request upstream / against the original project.**Github usernames**: jpita, Create a branch on your fork and create a PR to main to your forkvidhi-mody, not the original projectund3fined-v01d
4. Add the mentors (usernames provided above) as reviewers to each pull request that you open
5. Add your name to the "Students" section below
6. Corresponding to each microtask, provide a link to the pull request under your name in the "Students" section
Example:
```
* Vidhi Mody
Microtask 1: #link to the pr
Microtask 2: #link to the pr
```
### Students
```
* Sahil Grewal
Microtask 1 and 2: https://github.com/sahilgrewal8072/wikipedia-preview/pull/1
```
```
* Shubham Jain
Microtask 1: https://github.com/shubham00jain/wikipedia-preview/pull/1
Microtask 2:
```
```
* Karthik Shetty
Microtask 1:
Microtask 2:
```
```
* Neeraj Anand(Username: Neeraj_on_git, githubusername: neeraj-2)
Microtask 1: https://github.com/neeraj-2/wikipedia-preview/pull/4
Microtask 2:
```
```
* Bavisetti Narayan
Microtask 1: https://github.com/NarayanBavisetti/wikipedia-preview/pull/1
Microtask 2:
```
```
* Shailesh Kanojiya
Microtask 1:
Microtask 2:
```
```
* Aditya Gupta
Microtask 1 and 2 : https://github.com/Aditya-1295/wikipedia-preview/pull/1
```
```
* Shubham Palriwala
Microtask 1: https://github.com/ShubhamPalriwala/wikipedia-preview/pull/1
```
### Mentors
- @Vidhi-Mody
- @Soham
- @Jpita