{"id":20618144,"url":"https://github.com/applitools/applitools-selenium-javascript-hackathon","last_synced_at":"2025-03-06T19:43:18.926Z","repository":{"id":66340006,"uuid":"323683513","full_name":"applitools/Applitools-Selenium-Javascript-Hackathon","owner":"applitools","description":null,"archived":false,"fork":false,"pushed_at":"2020-12-22T17:21:10.000Z","size":24400,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":3,"default_branch":"main","last_synced_at":"2025-01-17T04:47:37.541Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/applitools.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"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":"2020-12-22T16:52:51.000Z","updated_at":"2020-12-22T17:21:14.000Z","dependencies_parsed_at":"2023-02-22T02:15:28.244Z","dependency_job_id":null,"html_url":"https://github.com/applitools/Applitools-Selenium-Javascript-Hackathon","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/applitools%2FApplitools-Selenium-Javascript-Hackathon","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/applitools%2FApplitools-Selenium-Javascript-Hackathon/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/applitools%2FApplitools-Selenium-Javascript-Hackathon/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/applitools%2FApplitools-Selenium-Javascript-Hackathon/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/applitools","download_url":"https://codeload.github.com/applitools/Applitools-Selenium-Javascript-Hackathon/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":242277648,"owners_count":20101535,"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":[],"created_at":"2024-11-16T12:07:16.193Z","updated_at":"2025-03-06T19:43:18.919Z","avatar_url":"https://github.com/applitools.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Applitools-Selenium-Javascript-Hackathon\n\n## Pre-Requisites\n1.  Install node [here](https://nodejs.org/en/) or for a mac user: `brew update` and then `brew install node`\n2.  Register to Applitools and [create an account](https://auth.applitools.com/users/register)\n3.  Ensure you have your Applitools API Key!\n\n## Hackathon Overview\nImagine you wrote tests for the [1st Version of the App (V1)](https://demo.applitools.com/hackathon.html)\n\nThen [Next Version (V2)](https://demo.applitools.com/hackathonV2.html) came along later and has changes. (including bugs) Some of these bugs are functional bugs and some of are visual bugs. \n\n**The Challenge**\n\nWrite an automated test for both versions which leverages Applitools. Run both a traditional test (provided) and the new test you wrote. Compare the results.\n\n**Instructions**\n\n1.  Review Traditional Script (provided) TraditionalSuite has been provided to you, as we assume you have already written these scripts before. Analyze them, make sure they are ok, and feel free to add any additional coverage/lines of code you see fit.\n2.  Run the test suite against both Version 1 and Version 2. You are going to find a lot of failures in Version 2. (changes have been made, including bugs)\n3.  Review the scripts again, and review how many assertions and locators required to cover all the elements in the page.\n4.  Open the VisualAISuiteSolution and set your ApiKey in string 'eyes.api_key = \"api_key\"' (or comment the string and set APPLITOOLS_API_KEY environment variable), or write to the terminal: `export APPLIOOLS_API_KEY=\u003cAPPLITOOLS_API_KEY\u003e`\n5.  Modified the different tests in VisualAISuite to include visual assertion to achieve the same coverage as with the TraditionalSuite.\n6.  Run the same test again and see all the differences between the screenshots of the 1st version and the 2nd version of the app.\n\nNote: When you run the tests against V2, you’ll see differences in screenshots because the app is actually different. You should see exactly what those differences are (highlighted in pink) in Applitools dashboard.\n\n## Running the Example\n\n1.  Download the Example\n    -  Option 1:  `git clone https://github.com/applitools/Selenium-Javascript-Hackathon`\n    -  Option 2:  Download it as a Zip file and extract it\n2.  Run the Project inside Visual Studio Code\n\n**In order to run the test from commandLine:**\n\n3.1.  Open a commandLine window\n\n3.2.  Navigate to the recently cloned folder cs-applitools-java-hackathon\n-  run `npm install`\n-  install the correct chromedriver for your chrome browser: `npm install chromedriver --detect_chromedriver_version`\n\n3.3.  Run one of the following commands for Traditional Test Suite\n-  Run the Traditional Test Suite on Version 1: \n    -  `npm run testTraditionalV1`\n -  Run the Traditional Test Suite on Version 2:\n    -  `npm run testTraditionalV2`\n    \n3.4.  Run one of the following commands for Visual Test Suite, which you wrote:\n- To run Visual AI Test Suite on Version 1:\n    - `npm run testVisualV1`\n- To run Visual AI Test Suite on Version 2:\n    - `npm run testVisualV2`\n\n## To See the Full Solution\n\n5. Run the VisualAISuiteSolution:\n    - Run the Visual AI Suite Solution on Version 1: \n        - `npm run testVisualFullSolutionV1`\n    -  Run the Visual AI Suite Solution on Version 2:\n       -  `npm run testVisualFullSolutionV2`\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fapplitools%2Fapplitools-selenium-javascript-hackathon","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fapplitools%2Fapplitools-selenium-javascript-hackathon","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fapplitools%2Fapplitools-selenium-javascript-hackathon/lists"}