OXIESEC PANEL

Name	Size	Modified	Perms
📁 ..	-	08/07/2024 04:33:57 AM	rwxr-xr-x
📄 filter.jsx	1.23 KB	08/07/2024 04:33:56 AM	rw-r--r--
📄 highlight-code.jsx	1.65 KB	08/07/2024 04:33:56 AM	rw-r--r--
📄 info-wrapper.jsx	1.68 KB	08/07/2024 04:33:56 AM	rw-r--r--
📄 live-response.jsx	3.32 KB	08/07/2024 04:33:56 AM	rw-r--r--
📄 markdown.jsx	5.43 KB	08/07/2024 04:33:56 AM	rw-r--r--
📄 online-validator-badge.jsx	2.3 KB	08/07/2024 04:33:56 AM	rw-r--r--
📄 operation-tag.jsx	1.32 KB	08/07/2024 04:33:56 AM	rw-r--r--
📄 operation.jsx	900 bytes	08/07/2024 04:33:56 AM	rw-r--r--
📄 operations.jsx	3.32 KB	08/07/2024 04:33:56 AM	rw-r--r--
📄 parameter-row.jsx	9.79 KB	08/07/2024 04:33:56 AM	rw-r--r--
📄 response-body.jsx	2.23 KB	08/07/2024 04:33:56 AM	rw-r--r--
📄 version-pragma-filter.jsx	1.96 KB	08/07/2024 04:33:56 AM	rw-r--r--

Editing: live-response.jsx

import React from "react"
import { fromJSOrdered } from "core/utils"
import { shallow } from "enzyme"
import Curl from "core/components/curl"
import LiveResponse from "core/components/live-response"
import ResponseBody from "core/components/response-body"

describe("<LiveResponse/>", function(){
  let request = fromJSOrdered({
    credentials: "same-origin",
    headers: {
      accept: "application/xml"
    },
    url: "http://petstore.swagger.io/v2/pet/1"
  })

let mutatedRequest = fromJSOrdered({
    credentials: "same-origin",
    headers: {
      accept: "application/xml",
      mutated: "header"
    },
    url: "http://mutated.petstore.swagger.io/v2/pet/1"
  })

let requests = {
    request: request,
    mutatedRequest: mutatedRequest
  }

const tests = [
    { showMutatedRequest: true, expected: { request: "mutatedRequest", requestForCalls: 0, mutatedRequestForCalls: 1 } },
    { showMutatedRequest: false, expected: { request: "request", requestForCalls: 1, mutatedRequestForCalls: 0 } }
  ]

tests.forEach(function(test) {
    it("passes " + test.expected.request + " to Curl when showMutatedRequest = " + test.showMutatedRequest, function() {

// Given

let response = fromJSOrdered({
        status: 200,
        url: "http://petstore.swagger.io/v2/pet/1",
        headers: {
          "content-type": "application/xml"
        },
        text: "<response/>",
        duration: 50
      })

let mutatedRequestForSpy = jest.fn().mockImplementation(function() { return mutatedRequest })
      let requestForSpy = jest.fn().mockImplementation(function() { return request })

let components = {
        curl: Curl,
        responseBody: ResponseBody
      }

let props = {
        response: response,
        specSelectors: {
          mutatedRequestFor: mutatedRequestForSpy,
          requestFor: requestForSpy,
        },
        pathMethod: [ "/one", "get" ],
        getComponent: (c) => {
          return components[c]
        },
        displayRequestDuration: true,
        getConfigs: () => ({ showMutatedRequest: test.showMutatedRequest })
      }

// When
      let wrapper = shallow(<LiveResponse {...props}/>)

// Then
      expect(mutatedRequestForSpy.mock.calls.length).toEqual(test.expected.mutatedRequestForCalls)
      expect(requestForSpy.mock.calls.length).toEqual(test.expected.requestForCalls)

const curl = wrapper.find(Curl)
      expect(curl.length).toEqual(1)
      expect(curl.props().request).toBe(requests[test.expected.request])

const expectedUrl = requests[test.expected.request].get("url")
      expect(wrapper.find("div.request-url pre.microlight").text()).toEqual(expectedUrl)

const duration = wrapper.find("Duration")
      expect(duration.length).toEqual(1)
      expect(duration.props().duration).toEqual(50)
      expect(duration.html())
        .toEqual("<div><h5>Request duration</h5><pre class=\"microlight\">50 ms</pre></div>")

const responseHeaders = wrapper.find("Headers")
      expect(duration.length).toEqual(1)
      expect(responseHeaders.props().headers.length).toEqual(1)
      expect(responseHeaders.props().headers[0].key).toEqual("content-type")
      expect(responseHeaders.html())
        .toEqual("<div><h5>Response headers</h5><pre class=\"microlight\"><span class=\"headerline\"> content-type: application/xml </span></pre></div>")
    })
  })
})