feat: consolidate syntax highlighting code into standalone plugin (#9783)

This commit is contained in:
Vladimír Gorej
2024-04-05 21:12:25 +02:00
committed by GitHub
parent f844319188
commit 7260005bd8
20 changed files with 231 additions and 113 deletions

View File

@@ -3,9 +3,8 @@ import { shallow } from "enzyme"
import ResponseBody from "core/components/response-body"
describe("<ResponseBody />", function () {
const highlightCodeComponent = () => null
const components = {
highlightCode: highlightCodeComponent
HighlightCode: () => null
}
const props = {
getComponent: c => components[c],
@@ -15,27 +14,27 @@ describe("<ResponseBody />", function () {
props.contentType = "application/json"
props.content = "{\"key\": \"a test value\"}"
const wrapper = shallow(<ResponseBody {...props} />)
expect(wrapper.find("highlightCodeComponent").length).toEqual(1)
expect(wrapper.find("HighlightCode").length).toEqual(1)
})
it("renders ResponseBody as 'text/html'", function () {
props.contentType = "application/json"
props.content = "<b>Result</b>"
const wrapper = shallow(<ResponseBody {...props} />)
expect(wrapper.find("highlightCodeComponent").length).toEqual(1)
expect(wrapper.find("HighlightCode").length).toEqual(1)
})
it("renders ResponseBody as 'image/svg'", function () {
props.contentType = "image/svg"
const wrapper = shallow(<ResponseBody {...props} />)
expect(wrapper.find("highlightCodeComponent").length).toEqual(0)
expect(wrapper.find("HighlightCode").length).toEqual(0)
})
it("should render a copyable highlightCodeComponent for text types", function () {
props.contentType = "text/plain"
props.content = "test text"
const wrapper = shallow(<ResponseBody {...props} />)
expect(wrapper.find("highlightCodeComponent[canCopy]").length).toEqual(1)
expect(wrapper.find("HighlightCode[canCopy]").length).toEqual(1)
})
it("should render Download file link for non-empty Blob response", function () {