Updated demo test cases

laurenashpole · May 12, 2021 · 65d7327 · 65d7327
1 parent 4db4f6d
commit 65d7327
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 15 deletions.
diff --git a/demo/src/App.vue b/demo/src/App.vue
@@ -1,23 +1,11 @@
 <template>
   <div id="app">
     <h1>vue-inner-image-zoom Demo</h1>
-    <div style="margin-bottom: 30px;">
-      <h2>Spacer Example</h2>
-      <inner-image-zoom
-        src="/assets/unsplash3.jpg"
-        zoomSrc="/assets/unsplash3-large.jpg"
-        :fullscreenOnMobile="true"
-        :width="750"
-        :height="500"
-        :hasSpacer="true"
-        :zoomScale="0.9"
-      />
-    </div>
     <div style="margin-bottom: 30px;">
       <h2>Pan Example</h2>
       <inner-image-zoom
-        src="/assets/unsplash.jpg"
         zoomSrc="/assets/unsplash-large.jpg"
+        :src="srcs[0]"
         :fullscreenOnMobile="true"
         :hideCloseButton="true"
         :hideHint="true"
@@ -30,6 +18,19 @@
         zoomSrc="/assets/unsplash2-large.jpg"
         moveType="drag"
         :fullscreenOnMobile="true"
+        :width="750"
+        :height="500"
+        :hasSpacer="true"
+      />
+    </div>
+    <div style="margin-bottom: 30px;">
+      <h2>Zoom on Hover Example</h2>
+      <inner-image-zoom
+        src="/assets/unsplash3.jpg"
+        zoomSrc="/assets/unsplash3-large.jpg"
+        zoomType="hover"
+        :fullscreenOnMobile="true"
+        :zoomScale="0.9"
       />
     </div>
   </div>
@@ -42,6 +43,7 @@ export default {
   name: 'App',
   components: {
     InnerImageZoom
-  }
+  },
+  props: ['srcs']
 };
 </script>
diff --git a/demo/src/index.js b/demo/src/index.js
@@ -4,5 +4,5 @@ import App from './App.vue';
 Vue.config.productionTip = false;
 
 new Vue({
-  render: (h) => h(App)
+  render: (h) => h(App, { props: { srcs: ['/assets/unsplash.jpg'] } })
 }).$mount('#app');