From e86b237e6e4f52e1e8c385b6d7a600b161bfd74c Mon Sep 17 00:00:00 2001
From: Oleg Zharkov <oleg.zharkov22@gmail.com>
Date: Thu, 19 Mar 2020 18:48:56 +0100
Subject: [PATCH] fix citation ids

---
 client/galaxy/scripts/components/Citations.vue               | 2 +-
 client/galaxy/scripts/components/ToolsView/ToolsView.test.js | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/client/galaxy/scripts/components/Citations.vue b/client/galaxy/scripts/components/Citations.vue
index e138738d76e..71d4934c72e 100644
--- a/client/galaxy/scripts/components/Citations.vue
+++ b/client/galaxy/scripts/components/Citations.vue
@@ -34,7 +34,7 @@
         <div v-else-if="citations.length">
             <b-btn v-b-toggle="id" variant="primary">Citations</b-btn>
             <b-collapse
-                :id="id"
+                :id="id.replace(/ /g, '_')"
                 class="mt-2"
                 @show="$emit('show')"
                 @shown="$emit('shown')"
diff --git a/client/galaxy/scripts/components/ToolsView/ToolsView.test.js b/client/galaxy/scripts/components/ToolsView/ToolsView.test.js
index f12b524ca8a..c7f605a02cb 100644
--- a/client/galaxy/scripts/components/ToolsView/ToolsView.test.js
+++ b/client/galaxy/scripts/components/ToolsView/ToolsView.test.js
@@ -68,7 +68,7 @@ describe("ToolsView/ToolsView.vue", () => {
             .findAll('[type="button"]')
             .filter(button => button.text() === "Citations")
             .at(0);
-        const citation = wrapper.find("#" + infoButton.attributes("aria-controls"));
+        const citation = wrapper.find("#" + infoButton.attributes("aria-controls").replace(/ /g, "_"));
 
         assert(citation.isVisible() === false, "citation is visible before being triggered!");
         assert(infoButton.attributes("aria-expanded") === "false", "citation is expanded before being triggered!");