initial

wp-content/plugins/visual-regression-tests/components/test-run-success/script.js

@@ -0,0 +1,32 @@
+import lottie from 'lottie-web/build/player/lottie_light';
+
+class VrtsTestRunSuccess extends window.HTMLElement {
+	constructor() {
+		super();
+		this.resolveElements();
+	}
+
+	resolveElements() {
+		this.$lottiePlayer = this.querySelector( '[vrts-lottie-player]' );
+	}
+
+	connectedCallback() {
+		this.lottieAnimation = lottie.loadAnimation( {
+			path: `${ window.vrts_admin_vars.pluginUrl }/assets/animations/success-check.json`,
+			container: this.$lottiePlayer,
+			renderer: 'svg',
+			loop: false,
+			autoplay: true,
+		} );
+	}
+
+	disconnectedCallback() {
+		this.lottieAnimation.destroy();
+	}
+
+	loaAnimation() {
+		this.$lottiePlayer.play();
+	}
+}
+
+window.customElements.define( 'vrts-test-run-success', VrtsTestRunSuccess );