Ekapp/swagger/test/unit/standalone/topbar-insert/form-objects.js

317 lines
11 KiB
JavaScript
Raw Normal View History

2020-06-10 06:25:21 +00:00
import expect from "expect"
import React from "react"
import { configure, mount } from "enzyme"
import Adapter from "enzyme-adapter-react-15"
import { fromJS, List } from "immutable"
import AddForm from "src/standalone/topbar-insert/forms/components/AddForm"
import FormChild from "src/standalone/topbar-insert/forms/components/FormChild"
import FormDropdown from "src/standalone/topbar-insert/forms/components/FormDropdown"
import FormInput from "src/standalone/topbar-insert/forms/components/FormInput"
import FormInputWrapper from "src/standalone/topbar-insert/forms/components/FormInputWrapper"
import FormMap from "src/standalone/topbar-insert/forms/components/FormMap"
import InsertForm from "src/standalone/topbar-insert/forms/components/InsertForm"
import InsertFormInput from "src/standalone/topbar-insert/forms/components/InsertFormInput"
import InsertFormList from "src/standalone/topbar-insert/forms/components/InsertFormList"
import { pathForm, pathObject } from "src/standalone/topbar-insert/forms/form-objects/path-object"
import { operationForm, operationObject } from "src/standalone/topbar-insert/forms/form-objects/operation-object"
import { infoForm, infoObject } from "src/standalone/topbar-insert/forms/form-objects/info-object"
import { licenseForm} from "src/standalone/topbar-insert/forms/form-objects/license-object"
import { contactForm } from "src/standalone/topbar-insert/forms/form-objects/contact-object"
import { tagsForm, tagsObject } from "src/standalone/topbar-insert/forms/form-objects/tags-object"
import { tagForm } from "src/standalone/topbar-insert/forms/form-objects/tag-object"
import { serversForm, serversObject } from "src/standalone/topbar-insert/forms/form-objects/servers-object"
import { serverVariableForm } from "src/standalone/topbar-insert/forms/form-objects/server-variable-object"
import { externalDocumentationForm } from "src/standalone/topbar-insert/forms/form-objects/external-documentation-object"
import { addOperationTagsForm, addOperationTagsObject } from "src/standalone/topbar-insert/forms/form-objects/add-operation-tags"
import { selectOperationForm } from "src/standalone/topbar-insert/forms/form-objects/select-operation"
import { selectResponseForm } from "src/standalone/topbar-insert/forms/form-objects/select-response"
import { exampleObject, exampleForm } from "src/standalone/topbar-insert/forms/form-objects/example-value-object"
configure({ adapter: new Adapter() })
describe("editor topbar insert forms", function() {
this.timeout(10 * 1000)
let components, props
beforeEach(() => {
components = {
FormDropdown,
AddForm,
FormChild,
FormInput,
FormInputWrapper,
FormMap,
InsertForm,
InsertFormInput,
InsertFormList
}
props = {
getComponent: (c) => components[c]
}
})
describe("operation object", function () {
let form = operationForm(null, [])
const tag = form.getIn(["tags", "defaultItem"])(null, [])
form = form
.setIn(["path", "value"], "/testpath")
.setIn(["summary", "value"], "test summary")
.setIn(["description", "value"], "test description")
.setIn(["operationid", "value"], "testid")
.setIn(["tags", "value"], new List([tag.setIn(["tag", "value"], "test tag" )]))
const object = operationObject(form)
it("should correctly process the operation form into the operation object", () => {
const expected = {
summary: "test summary",
description: "test description",
operationId: "testid",
tags: ["test tag"],
responses: {
default: {
description: "Default error sample response"
}
}
}
expect(object).toEqual(expected)
})
it ("should correctly render the form UI for the form object", () => {
const element = <InsertForm {...props} formData={form} />
const wrapper = mount(element)
expect(wrapper.find("input").length).toEqual(4)
expect(wrapper.find("select").length).toEqual(2)
})
})
describe("info object", () => {
const license = licenseForm(null, [], null)
.setIn(["value", "name", "value"], "test name")
.setIn(["value", "url", "value"], "test url")
const contact = contactForm(null, [])
.setIn(["value", "name", "value"], "test name")
.setIn(["value", "url", "value"], "test url")
.setIn(["value", "email", "value"], "testemail@test.com")
let form = infoForm(null, [])
.setIn(["title", "value"], "test title")
.setIn(["version", "value"], "test version")
.setIn(["description", "value"], "test description")
.setIn(["termsofservice", "value"], "testtermsofservice")
.setIn(["license"], license)
.setIn(["contact"], contact)
it("should correctly process the info form into the info object", () => {
const object = infoObject(form)
const expected = {
title: "test title",
version: "test version",
description: "test description",
termsOfService: "testtermsofservice",
license: {
name: "test name",
url: "test url"
},
contact: {
name: "test name",
url: "test url",
email: "testemail@test.com"
}
}
expect(object).toEqual(expected)
})
it ("should correctly render the form UI for the form object", () => {
const element = <InsertForm {...props} formData={form} />
const wrapper = mount(element)
expect(wrapper.find("input").length).toEqual(4)
})
})
describe("path object", () => {
let form = pathForm(null, [])
// Set some values as though the user had entered data
form = form
.setIn(["path", "value"], "/test")
.setIn(["summary", "value"], "test summary")
.setIn(["description", "value"], "test description")
it("should correctly process the path form into the path object", () => {
const object = pathObject(form)
const expected = {
key: "/test",
value: {
summary: "test summary",
description: "test description"
}
}
expect(object).toEqual(expected)
})
it ("should correctly render the form UI for the form object", () => {
const element = <InsertForm {...props} formData={form} />
const wrapper = mount(element)
expect(wrapper.find("input").length).toEqual(3)
})
})
describe("tag declarations object", () => {
let form = tagsForm(null, [])
const externalDocs = externalDocumentationForm(null, [])
.setIn(["url", "value"], "test url")
.setIn(["description", "value"], "test description")
const tag = tagForm(null, [])
.setIn(["name", "value"], "test tag name")
.setIn(["description", "value"], "test description")
.setIn(["externalDocs", "value"], externalDocs)
// Set some values as though the user had entered data
form = form.setIn(["tags", "value"], new List([tag]))
it("should correctly process the tag declarations form into the tags object", () => {
const object = tagsObject(form)
const expected = [
{
name: "test tag name",
description: "test description",
externalDocs: {
url: "test url",
description: "test description"
}
}
]
expect(object).toEqual(expected)
})
it ("should correctly render the form UI for the form object", () => {
const element = <InsertForm {...props} formData={form} />
const wrapper = mount(element)
expect(wrapper.find("input").length).toEqual(2)
})
})
describe("servers object", () => {
let form = serversForm(null, [])
const serverVariable = serverVariableForm(null, [])
.setIn(["value", 0, "value", "default", "value"], "test default")
.setIn(["value", 0, "value", "enum", "value"], fromJS([{ value: "test enum value"}]) )
.setIn(["value", 0, "value", "vardescription", "value"], "test var description")
.setIn(["value", 0, "keyValue"], "keyvalue")
form = form
.setIn(["servers", "value", 0, "url", "value"], "test url")
.setIn(["servers", "value", 0, "description", "value"], "test description")
.setIn(["servers", "value", 0, "variables"], serverVariable)
it ("should correctly process the servers form into the servers object", () => {
const object = serversObject(form)
const expected = [
{
url: "test url",
description: "test description",
variables: {
keyvalue: {
default: "test default",
description: "test var description",
enum: [
"test enum value"
]
}
}
}
]
expect(object).toEqual(expected)
})
it ("should correctly render the form UI for the form object", () => {
const element = <InsertForm {...props} formData={form} />
const wrapper = mount(element)
expect(wrapper.find("input").length).toEqual(6)
})
})
describe("add tags object", () => {
const selectOperation = selectOperationForm(null, [])
.setIn(["path", "value"], "/test")
.setIn(["operation", "value"], "GET")
let form = addOperationTagsForm(null, [])
.setIn(["selectoperation", "value"], selectOperation)
.setIn(["tags", "value", 0, "tag", "value"], "test tag")
it ("should correctly process the add tags to operation into the add tags object", () => {
const object = addOperationTagsObject(form)
const expected = {
selectedOperation: ["paths", "/test", "GET"],
tags: [
"test tag"
]
}
expect(object).toEqual(expected)
})
it ("should correctly render the form UI for the form object", () => {
const element = <InsertForm {...props} formData={form} />
const wrapper = mount(element)
expect(wrapper.find("input").length).toEqual(1)
expect(wrapper.find("select").length).toEqual(2)
})
})
describe("add example response object", () => {
const selectResponse = selectResponseForm(null, [])
.setIn(["path", "value"], "/test")
.setIn(["operation", "value"], "GET")
.setIn(["response", "value"], "200")
.setIn(["mediatype", "value"], "application/json")
let form = exampleForm(null, [])
.setIn(["selectresponse", "value"], selectResponse)
.setIn(["exampleName", "value"], "sample example name")
.setIn(["exampleValue", "value"], "sample example value")
it ("should correctly process the add example form into the form values object", () => {
const object = exampleObject(form)
const expected = {
responsePath: ["paths", "/test", "GET", "responses", "200", "content", "application/json", "examples"],
exampleValue: "sample example value",
exampleName: "sample example name"
}
expect(object).toEqual(expected)
})
it ("should correctly render the form UI for the form object", () => {
const element = <InsertForm {...props} formData={form} />
const wrapper = mount(element)
expect(wrapper.find("input").length).toEqual(1)
expect(wrapper.find("select").length).toEqual(4)
})
})
})