test: fixed first player control test

Author: samuelOsborne

cypress.json

@@ -1,4 +1,4 @@
 {
-    "video": false,
-    "screenshotOnRunFailure": false
+  "video": false,
+  "screenshotOnRunFailure": false
 }

cypress/integration/player_controls.spec.js

@@ -7,16 +7,17 @@ context("Player controls", () => {
     cy.visit("http://localhost:8080/controls");
   });
 
-  it.skip("clicks on play button and verifies animation is playing", function (done) {
-    cy.get("#player-one").find("#lottie-play-button").click();
-
-    cy.get("#player-one").find('lottie-player').then(($el) => {
+  it("clicks on play button and verifies animation is playing", function (done) {
+    cy.get("#player-one lottie-player").then(($el) => {
       const playerOne = $el.get(0);
 
-      console.log(playerOne);
-      expect(playerOne.currentState).to.eq("playing");
-      done();
+      playerOne.addEventListener("play", () => {
+        expect(playerOne.currentState).to.eq("playing");
+        done();
+      }, { once: true });
     });
+
+    cy.get("#player-one").find("#lottie-play-button").click();
   });
 
   it("clicks on pause button and verifies animation is paused", function (done) {
@@ -50,7 +51,6 @@ context("Player controls", () => {
     cy.get("#player-four lottie-player").then(($el) => {
       const playerFour = $el.get(0);
 
-      console.log(playerFour);
       expect(playerFour.loop).to.eq(true);
       done();
     });

package.json

@@ -1,36 +1,19 @@
 {
-  "private": false,
   "name": "@lottiefiles/vue-lottie-player",
   "version": "1.0.5",
   "description": "Lottie player wrapper for Vue.js by LottieFiles",
   "scripts": {
-    "release": "semantic-release",
     "build": "vue-cli-service build --target lib --name @lottiefiles/vue-lottie-player ./src/index.js && rm ./dist/demo.html",
     "build-with-coverage": "CODE_COVERAGE=true vue-cli-service build --target lib --name @lottiefiles/vue-lottie-player ./src/index.js && rm ./dist/demo.html",
-    "start-cypress": "yarn run cypress run && npx nyc report --reporter=text-summary",
+    "release": "semantic-release",
+    "run-tests": "yarn run build-with-coverage && yarn run serve-app && BACK_PID=$! && wait $BACK_PID && yarn run start-cypress; kill $(lsof -t -i:8080)",
     "serve-app": "cd example && yarn run serve &",
-    "run-tests": "yarn run build-with-coverage && yarn run serve-app && BACK_PID=$! && wait $BACK_PID && yarn run start-cypress",
-    "postrun-tests": "kill $(lsof -t -i:8080)"
+    "start-cypress": "yarn run cypress run"
   },
   "main": "dist/@lottiefiles/vue-lottie-player.common.js",
   "files": [
     "dist"
   ],
-  "contributors": [
-    {
-      "name": "Mazin",
-      "email": "[email protected]"
-    },
-    {
-      "name": "Hunain",
-      "email": "[email protected]"
-    },
-    {
-      "name": "Karam",
-      "email": "[email protected]"
-    }
-  ],
-  "license": "MIT",
   "dependencies": {
     "@lottiefiles/lottie-player": "^1.0.4",
     "vue": "^2.6.12"
@@ -47,9 +30,11 @@
     "@semantic-release/github": "^7.2.1",
     "@semantic-release/npm": "^7.1.1",
     "@semantic-release/release-notes-generator": "^9.0.2",
+    "@vue/babel-preset-app": "^5.0.1",
     "@vue/cli-service": "^4.5.13",
     "@vue/compiler-sfc": "^3.0.11",
     "babel-plugin-istanbul": "^6.1.1",
+    "cypress": "9.5.1",
     "husky": ">=4",
     "lint-staged": ">=10",
     "rollup": "^2.50.1",
@@ -58,6 +43,20 @@
     "vue-clickaway": "^2.2.2",
     "vue-template-compiler": "^2.6.12"
   },
+  "contributors": [
+    {
+      "name": "Mazin",
+      "email": "[email protected]"
+    },
+    {
+      "name": "Hunain",
+      "email": "[email protected]"
+    },
+    {
+      "name": "Karam",
+      "email": "[email protected]"
+    }
+  ],
   "husky": {
     "hooks": {
       "commit-msg": "commitlint -E HUSKY_GIT_PARAMS",
@@ -68,5 +67,6 @@
     "vue",
     "lottie",
     "lottiefiles"
-  ]
+  ],
+  "license": "MIT"
 }