feat: Copy response to clipboard #4300 (#5278)

* Move next to download button and match styling

Co-authored-by: Aldrin Abastillas <AAbastillas@rcanalytics.com>
Co-authored-by: Tim Lai <timothy.lai@gmail.com>

test/components/highlight-code.jsx

@@ -0,0 +1,28 @@
+import React from "react"
+import expect from "expect"
+import { shallow } from "enzyme"
+import HighlightCode from "components/highlight-code"
+
+describe("<HighlightCode />", () => {
+  it("should render a Download button if downloadable", () => {
+    const props = {downloadable: true}
+    const wrapper = shallow(<HighlightCode {...props} />)
+    expect(wrapper.find(".download-contents").length).toEqual(1)
+  })
+
+  it("should render a Copy To Clipboard button if copyable", () => {
+    const props = {canCopy: true}
+    const wrapper = shallow(<HighlightCode {...props} />)
+    expect(wrapper.find("CopyToClipboard").length).toEqual(1)
+  })
+
+  it("should render values in a preformatted element", () => {
+    const value = "test text"
+    const props = {value: value}
+    const wrapper = shallow(<HighlightCode {...props} />)
+    const preTag = wrapper.find("pre")
+
+    expect(preTag.length).toEqual(1)
+    expect(preTag.contains(value)).toEqual(true)
+  })
+})