{"id":20618120,"url":"https://github.com/applitools/ecommerce-demo","last_synced_at":"2026-04-20T00:03:32.245Z","repository":{"id":63307026,"uuid":"566864342","full_name":"applitools/ecommerce-demo","owner":"applitools","description":"This is a demo of Applitools visually testing an eCommerce application","archived":false,"fork":false,"pushed_at":"2023-03-08T14:34:30.000Z","size":2265,"stargazers_count":0,"open_issues_count":0,"forks_count":1,"subscribers_count":3,"default_branch":"main","last_synced_at":"2025-03-06T19:44:19.775Z","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":"0bsd","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":"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":"2022-11-16T15:23:44.000Z","updated_at":"2022-11-16T15:32:10.000Z","dependencies_parsed_at":"2025-01-17T04:46:33.339Z","dependency_job_id":"355962fe-1c5d-48d9-8153-0752de8398fe","html_url":"https://github.com/applitools/ecommerce-demo","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/applitools/ecommerce-demo","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/applitools%2Fecommerce-demo","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/applitools%2Fecommerce-demo/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/applitools%2Fecommerce-demo/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/applitools%2Fecommerce-demo/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/applitools","download_url":"https://codeload.github.com/applitools/ecommerce-demo/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/applitools%2Fecommerce-demo/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32027236,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-18T20:23:30.271Z","status":"online","status_checked_at":"2026-04-19T02:00:07.110Z","response_time":55,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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:11.799Z","updated_at":"2026-04-20T00:03:32.224Z","avatar_url":"https://github.com/applitools.png","language":"JavaScript","readme":"\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://applitools.com\"\u003e\n    \u003cimg alt=\"Applitools\" src=\"https://applitools.com/wp-content/uploads/2022/08/Applitools-Logo-Set-V2_Applitools_1c_Green_Applitools_fullcolor_tagline-1.svg\" width=\"60\" /\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n\u003ch1 align=\"center\"\u003e\n  Applitools eCommerce Demo (Powered by Gatsby and Shopify)\n\u003c/h1\u003e\n\nIn this eCommerce Demo for Applitools, we'll show you how easy to is to start automating testing with artificial intelligence using Applitools. The following demo consists of a headless eCommerce site, powered by Gatsby and Shopify, and a two testing tools, Cypress and Applitools.\n\nYou'll need to sign up for a Shopify account and integrate a few different things with Gatsby, but the instructions are straightforward. \n\n## Deploying The Website\n\n### Option 1. Deploying on Gatsby Cloud\n\nDeploy this starter with one click on [Gatsby Cloud](https://www.gatsbyjs.com/cloud/):\n\n[\u003cimg src=\"https://www.gatsbyjs.com/deploynow.png\" alt=\"Deploy to Gatsby Cloud\"\u003e](https://www.gatsbyjs.com/dashboard/deploynow?url=https://github.com/gatsbyjs/gatsby-starter-shopify)\n\n\n### Option 2. Deploy Locally \n\n1.  **Create a Gatsby site.**\n\n    Use the Gatsby CLI to create a new site, specifying the Shopify starter.\n\n    ```shell\n    # create a new Gatsby site using the Shopify starter\n    npx gatsby new my-shopify-store https://github.com/gatsbyjs/gatsby-starter-shopify\n    ```\n\n2.  **Link to your store**\n\n    Follow these instructions here to [link your Shopify store](https://github.com/gatsbyjs/gatsby/tree/master/packages/gatsby-source-shopify#readme). Create a `.env` file with your Shopify store URL, password, and Storefront access token, using the `.env.example` file as an example. If you want to try with a development store, see [the sample data and instructions here](example/).\n\n3.  **Start developing.**\n\n    Navigate into your new site’s directory and start it up.\n\n    ```shell\n    cd my-shopify-starter/\n    npm start\n    ```\n\n4.  **Open the source code and start editing!**\n\n    Your site is now running at `http://localhost:8000`!\n\n\n## 🧐 What's inside?\n\nA quick look at the top-level files and directories you'll see in this project.\n    .\n    ├── example\n    ├── src\n    ├── static\n    ├── cypress\n    ├── .env.example\n    ├── gatsby-browser.js\n    ├── gatsby-config.js\n    └── gatsby-node.js\n\n1. **`/example`**: This directory includes a CSV file containing sample data to import into a development store. There are also instructions on generating your own sample data, and a link to a dataset with 30,000 SKUs.\n\n2. **`/src`**: This directory will contain all of the code related to what you will see on the front-end of your site (what you see in the browser) such as your site header or a page template. `src` is a convention for “source code”.\n\n3. **`/static`**: Every file in this directory will be copied over to the `public` folder during the build. Learn more about [using the `static` folder](https://www.gatsbyjs.com/docs/how-to/images-and-media/static-folder/). In this project it holds the `og:image` and favicons.\n\n4. **`/cypress`**: This folder is for our Cypress tests and other testing options. \n\n5. **`/.env.example`**: Duplicate this file, rename it to `.env`, and fill out the keys. You'll need to define those environment variables to get the source plugin, cart and search working.\n\n## Start Testing\n\nThe example project uses [npm](https://www.npmjs.com/) for package management.\nFor Cypress, you must install project dependencies and set up Applitools Eyes.\nRun the following command (which works on any operating system):\n\n```\nnpm install\n```\n\nThis example project already has the Applitools Eyes SDK as a dependency.\nIf you want to add the Applitools Eyes SDK as a new dependency to another Cypress project,\nrun the following commands:\n\n```\nnpm install @applitools/eyes-cypress\nnpx eyes-setup\n```\n\n```shell\n    npx cypress open\n    ```\n\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fapplitools%2Fecommerce-demo","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fapplitools%2Fecommerce-demo","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fapplitools%2Fecommerce-demo/lists"}