{"id":21480463,"url":"https://github.com/codewithmmak/cypress-javascript","last_synced_at":"2025-07-15T12:32:00.172Z","repository":{"id":40359911,"uuid":"354213872","full_name":"codewithmmak/cypress-javascript","owner":"codewithmmak","description":"This is sample Test Automation framework designed using Cypress and JavaScript","archived":false,"fork":false,"pushed_at":"2024-10-21T10:35:59.000Z","size":633,"stargazers_count":3,"open_issues_count":8,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2024-10-21T15:27:26.020Z","etag":null,"topics":["automated-testing","automation","cypress","cypress-io","e2e-tests","javascript","lambdatest"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/codewithmmak.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2021-04-03T06:03:21.000Z","updated_at":"2023-04-11T15:36:08.000Z","dependencies_parsed_at":"2023-01-30T01:31:26.137Z","dependency_job_id":"d4d250ba-59cd-476a-934f-c2497aea240a","html_url":"https://github.com/codewithmmak/cypress-javascript","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codewithmmak%2Fcypress-javascript","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codewithmmak%2Fcypress-javascript/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codewithmmak%2Fcypress-javascript/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codewithmmak%2Fcypress-javascript/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/codewithmmak","download_url":"https://codeload.github.com/codewithmmak/cypress-javascript/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":226038782,"owners_count":17564046,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["automated-testing","automation","cypress","cypress-io","e2e-tests","javascript","lambdatest"],"created_at":"2024-11-23T12:15:14.141Z","updated_at":"2024-11-23T12:15:14.871Z","avatar_url":"https://github.com/codewithmmak.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"![Cypress and JavaScript](./images/cypress-javascript.png?raw=true \"Cypress and JavaScript\")\n\n# Cypress and JavaScript Test Automation Examples\nThis is sample Test Automation framework designed using Cypress and JavaScript. And in this framework we will see some basic working examples for learning.\n\n## Features\n* This automation framework is designed using Cypress.\n* JavaScript is used as scripting language.\n* Reporting is implemented using `mochawesome-report-generator` npm module. This generates the report in html. Also it captures the screenshots.\n\n## To Get Started\n\n### Pre-requisites\n* Download and install Chrome or Firefox browser.\n* Download and install Node.js\n* Download and install any Text Editor like Visual Code/Sublime/Brackets\n\n### Setup Scripts \n* Clone the repository into a folder\n* Go to Project root directory and install Dependency: `npm install`\n* All the dependencies from package.json and ambient typings would be installed in node_modules folder.\n\n### How to execute Cypress Tests with Cypress Test Runner?\n* Open Terminal\n* Enter `cypress open`\n    * This will open Test Runner window\n* Click on `Run all specs` button or double click on any of the spec.\n    * This will open a browser instance and run the tests. \n    * As and when you save your tests, it will automatically run the tests. \n    * With this you can watch the result as and when you write line of code.\n\n### How to run all Cypress Tests using Cypress Test Runner using npm command?\n* Open Terminal and enter command: `npm test`\n* Double click the test you want to run.\n\n### How to run all Cypress Tests using CLI?\n* Open Terminal and enter command: `npm run test:cli`\n\n### How to Run Test for single spec\n* Open Terminal and enter command: `cypress run --spec 'test/cypress/integration/checkboxes.spec.js'`\n\n### How to Run Test with specific browser\n* Open Terminal and enter command: `cypress run --browser chrome`\n\n### How to Run Test with headed browser\n* Open Terminal and enter command: `cypress run --headed --browser chrome`\n\n### Console Test Results\n![Cypress and JavaScript Test Result](./images/console-test-results.PNG?raw=true \"Cypress and JavaScript Console Test Result\")\n\n### How to Generate HTML Report\n* Open Terminal and enter command: `npm run create:html:report`\n* Go to `test-report` folder and you will find the html report\n\n![Cypress and JavaScript Test Result](./images/html-test-report.PNG?raw=true \"Cypress and JavaScript HTML Test Report\")\n\n### How to Update local npm packages\n* Go to Project root directory and run command: `npm update`\n\n## Run tests on LambdaTest\n\n### How to configure test to run on LambdaTest\n* Open `lambdatest-config.json`\n* Update `lambdatest_auth` node with your `username` and `access_key` which can be found when you log into you LambdaTest `https://accounts.lambdatest.com/login`\n* Update `browsers` node with the browser/os name on which you want to run the tests\n* Update `run_settings` with \n    - `parallels` number of instances you want to run the tests in parallel\n    - `specs` path where you have your specs\n\n### How to Run Test on LambdaTest\n* Open Terminal and enter command: `lambdatest-cypress run`\n\n### LambdaTest Results\n![Lambda Test Result](./images/lambdatest-test-results.PNG?raw=true \"Lambda Test Result\")\n\n## Troubleshooting\n* Issue 01: If you see error:\n    node_modules\\.bin\\cypress : File D:\\CypressAutomation\\node_modules\\.bin\\cypress. cannot be loaded because running scripts is disabled on this system. For more information, see about_Execution_Policies at https:/go.microsoft.com/fwlink/?LinkID=135170.\n\n    Solution:\n    - Open `Windows PowerShell` as Administrator\n    - Enter `Set-ExecutionPolicy RemoteSigned` and hit enter key\n    - Type `Y` and hit enter key\n## References\n* https://www.tutorialspoint.com/questions/category/cypress\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcodewithmmak%2Fcypress-javascript","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcodewithmmak%2Fcypress-javascript","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcodewithmmak%2Fcypress-javascript/lists"}