From 3022f9f337660023c244e0b15d8bd4fed97524c5 Mon Sep 17 00:00:00 2001
From: Pig Fang <g-plane@hotmail.com>
Date: Sun, 31 Mar 2019 15:12:49 +0800
Subject: [PATCH] Fix downloading texture

---
 resources/assets/src/views/skinlib/Show.vue   | 20 +++++++++++++------
 .../assets/tests/views/skinlib/Show.test.ts   | 12 +++++++++++
 2 files changed, 26 insertions(+), 6 deletions(-)

diff --git a/resources/assets/src/views/skinlib/Show.vue b/resources/assets/src/views/skinlib/Show.vue
index 867c78b5..67208280 100644
--- a/resources/assets/src/views/skinlib/Show.vue
+++ b/resources/assets/src/views/skinlib/Show.vue
@@ -45,13 +45,14 @@
             >
               {{ $t('user.setAsAvatar') }}
             </el-button>
-            <a
+            <el-button
               v-if="canBeDownloaded"
-              v-t="'skinlib.show.download'"
-              class="el-button el-button--default el-button--medium"
-              :href="`${baseUrl}/raw/${tid}.png`"
-              :download="`${name}`.png"
-            />
+              size="medium"
+              data-test="download"
+              @click="download"
+            >
+              {{ $t('skinlib.show.download') }}
+            </el-button>
             <el-button
               type="warning"
               size="medium"
@@ -232,6 +233,13 @@ export default {
       })
       await this.removeClosetItem()
     },
+    download() {
+      const a = document.createElement('a')
+      a.href = `${this.baseUrl}/raw/${this.tid}.png`
+      a.download = `${this.name}.png`
+      const event = new MouseEvent('click')
+      a.dispatchEvent(event)
+    },
     async changeTextureName() {
       let value
       try {
diff --git a/resources/assets/tests/views/skinlib/Show.test.ts b/resources/assets/tests/views/skinlib/Show.test.ts
index 1ab0b9e4..0a4de65a 100644
--- a/resources/assets/tests/views/skinlib/Show.test.ts
+++ b/resources/assets/tests/views/skinlib/Show.test.ts
@@ -130,6 +130,18 @@ test('operation panel should not be rendered if not auth', () => {
   expect(wrapper.find('.box-warning').exists()).toBeFalse()
 })
 
+test('download texture', async () => {
+  Object.assign(window.blessing.extra, { currentUid: 1 })
+  Vue.prototype.$http.get.mockResolvedValue({ tid: 1, name: 'abc' })
+  const wrapper = mount(Show, {
+    mocks: {
+      $route: ['/skinlib/show/1', '1'],
+    },
+  })
+  await wrapper.vm.$nextTick()
+  wrapper.find('[data-test="download"]').trigger('click')
+})
+
 test('link to downloading texture', async () => {
   Object.assign(window.blessing.extra, { download: false })
   Vue.prototype.$http.get.mockResolvedValue({ hash: '123' })