mirror of
https://github.com/Unleash/unleash.git
synced 2025-03-04 00:18:40 +01:00
test(feature): test add, update feature form
This commit is contained in:
Corinne Krych
parent
aa3fb71dc3
commit
29ea3dabcc
@ -35,7 +35,6 @@
|
||||
"lint:fix": "eslint . --ext js,jsx --fix",
|
||||
"test": "jest",
|
||||
"test:ci": "npm run lint && npm run build && npm run test",
|
||||
"test:debug": "./node_modules/.bin/node-debug ./node_modules/.bin/jest -i --watch",
|
||||
"prepublish": "npm run build"
|
||||
},
|
||||
"main": "./index.js",
|
||||
|
||||
2
frontend/src/__mocks__/react-mdl.js
vendored
2
frontend/src/__mocks__/react-mdl.js
vendored
@ -13,6 +13,8 @@ module.exports = {
|
||||
ListItem: 'react-mdl-ListItem',
|
||||
ListItemContent: 'react-mdl-ListItemContent',
|
||||
ListItemAction: 'react-mdl-ListItemAction',
|
||||
Menu: 'react-mdl-Menu',
|
||||
MenuItem: 'react-mdl-MenuItem',
|
||||
ProgressBar: 'react-mdl-ProgressBar',
|
||||
Switch: 'react-mdl-Switch',
|
||||
Tab: 'react-mdl-Tab',
|
||||
|
||||
@ -0,0 +1,555 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`render the create feature page 1`] = `
|
||||
ShallowWrapper {
|
||||
"length": 1,
|
||||
Symbol(enzyme.__root__): [Circular],
|
||||
Symbol(enzyme.__unrendered__): <AddFeatureComponent
|
||||
addStrategy={[MockFunction]}
|
||||
initCallRequired={false}
|
||||
input={
|
||||
Object {
|
||||
"description": "Description",
|
||||
"enabled": false,
|
||||
"name": "feature",
|
||||
"nameError": Object {},
|
||||
}
|
||||
}
|
||||
moveStrategy={[MockFunction]}
|
||||
onCancel={[MockFunction]}
|
||||
onSubmit={
|
||||
[MockFunction] {
|
||||
"calls": Array [
|
||||
Array [
|
||||
Object {
|
||||
"description": "Description",
|
||||
"enabled": false,
|
||||
"name": "feature",
|
||||
"nameError": Object {},
|
||||
},
|
||||
],
|
||||
],
|
||||
}
|
||||
}
|
||||
removeStrategy={[MockFunction]}
|
||||
setValue={[MockFunction]}
|
||||
title="title"
|
||||
updateStrategy={[MockFunction]}
|
||||
validateName={[MockFunction]}
|
||||
/>,
|
||||
Symbol(enzyme.__renderer__): Object {
|
||||
"batchedUpdates": [Function],
|
||||
"getNode": [Function],
|
||||
"render": [Function],
|
||||
"simulateEvent": [Function],
|
||||
"unmount": [Function],
|
||||
},
|
||||
Symbol(enzyme.__node__): Object {
|
||||
"instance": null,
|
||||
"key": undefined,
|
||||
"nodeType": "host",
|
||||
"props": Object {
|
||||
"children": <section
|
||||
style={
|
||||
Object {
|
||||
"padding": "16px",
|
||||
}
|
||||
}
|
||||
>
|
||||
<react-mdl-Textfield
|
||||
error={Object {}}
|
||||
floatingLabel={true}
|
||||
label="Name"
|
||||
name="name"
|
||||
onBlur={[Function]}
|
||||
onChange={[Function]}
|
||||
required={true}
|
||||
value="feature"
|
||||
/>
|
||||
<react-mdl-Textfield
|
||||
floatingLabel={true}
|
||||
label="Description"
|
||||
onChange={[Function]}
|
||||
required={true}
|
||||
rows={1}
|
||||
style={
|
||||
Object {
|
||||
"width": "100%",
|
||||
}
|
||||
}
|
||||
value="Description"
|
||||
/>
|
||||
<div>
|
||||
<br />
|
||||
<react-mdl-Switch
|
||||
checked={false}
|
||||
onChange={[Function]}
|
||||
>
|
||||
Enabled
|
||||
</react-mdl-Switch>
|
||||
<hr />
|
||||
</div>
|
||||
<StrategiesSection
|
||||
addStrategy={[MockFunction]}
|
||||
configuredStrategies={Array []}
|
||||
moveStrategy={[MockFunction]}
|
||||
removeStrategy={[MockFunction]}
|
||||
updateStrategy={[MockFunction]}
|
||||
/>
|
||||
<br />
|
||||
<FormButtons
|
||||
onCancel={[MockFunction]}
|
||||
submitText="Create"
|
||||
/>
|
||||
</section>,
|
||||
"onSubmit": undefined,
|
||||
},
|
||||
"ref": null,
|
||||
"rendered": Object {
|
||||
"instance": null,
|
||||
"key": undefined,
|
||||
"nodeType": "host",
|
||||
"props": Object {
|
||||
"children": Array [
|
||||
<react-mdl-Textfield
|
||||
error={Object {}}
|
||||
floatingLabel={true}
|
||||
label="Name"
|
||||
name="name"
|
||||
onBlur={[Function]}
|
||||
onChange={[Function]}
|
||||
required={true}
|
||||
value="feature"
|
||||
/>,
|
||||
<react-mdl-Textfield
|
||||
floatingLabel={true}
|
||||
label="Description"
|
||||
onChange={[Function]}
|
||||
required={true}
|
||||
rows={1}
|
||||
style={
|
||||
Object {
|
||||
"width": "100%",
|
||||
}
|
||||
}
|
||||
value="Description"
|
||||
/>,
|
||||
<div>
|
||||
<br />
|
||||
<react-mdl-Switch
|
||||
checked={false}
|
||||
onChange={[Function]}
|
||||
>
|
||||
Enabled
|
||||
</react-mdl-Switch>
|
||||
<hr />
|
||||
</div>,
|
||||
<StrategiesSection
|
||||
addStrategy={[MockFunction]}
|
||||
configuredStrategies={Array []}
|
||||
moveStrategy={[MockFunction]}
|
||||
removeStrategy={[MockFunction]}
|
||||
updateStrategy={[MockFunction]}
|
||||
/>,
|
||||
<br />,
|
||||
<FormButtons
|
||||
onCancel={[MockFunction]}
|
||||
submitText="Create"
|
||||
/>,
|
||||
],
|
||||
"style": Object {
|
||||
"padding": "16px",
|
||||
},
|
||||
},
|
||||
"ref": null,
|
||||
"rendered": Array [
|
||||
Object {
|
||||
"instance": null,
|
||||
"key": undefined,
|
||||
"nodeType": "host",
|
||||
"props": Object {
|
||||
"error": Object {},
|
||||
"floatingLabel": true,
|
||||
"label": "Name",
|
||||
"name": "name",
|
||||
"onBlur": [Function],
|
||||
"onChange": [Function],
|
||||
"required": true,
|
||||
"value": "feature",
|
||||
},
|
||||
"ref": null,
|
||||
"rendered": null,
|
||||
"type": "react-mdl-Textfield",
|
||||
},
|
||||
Object {
|
||||
"instance": null,
|
||||
"key": undefined,
|
||||
"nodeType": "host",
|
||||
"props": Object {
|
||||
"floatingLabel": true,
|
||||
"label": "Description",
|
||||
"onChange": [Function],
|
||||
"required": true,
|
||||
"rows": 1,
|
||||
"style": Object {
|
||||
"width": "100%",
|
||||
},
|
||||
"value": "Description",
|
||||
},
|
||||
"ref": null,
|
||||
"rendered": null,
|
||||
"type": "react-mdl-Textfield",
|
||||
},
|
||||
Object {
|
||||
"instance": null,
|
||||
"key": undefined,
|
||||
"nodeType": "host",
|
||||
"props": Object {
|
||||
"children": Array [
|
||||
<br />,
|
||||
<react-mdl-Switch
|
||||
checked={false}
|
||||
onChange={[Function]}
|
||||
>
|
||||
Enabled
|
||||
</react-mdl-Switch>,
|
||||
<hr />,
|
||||
],
|
||||
},
|
||||
"ref": null,
|
||||
"rendered": Array [
|
||||
Object {
|
||||
"instance": null,
|
||||
"key": undefined,
|
||||
"nodeType": "host",
|
||||
"props": Object {},
|
||||
"ref": null,
|
||||
"rendered": null,
|
||||
"type": "br",
|
||||
},
|
||||
Object {
|
||||
"instance": null,
|
||||
"key": undefined,
|
||||
"nodeType": "host",
|
||||
"props": Object {
|
||||
"checked": false,
|
||||
"children": "Enabled",
|
||||
"onChange": [Function],
|
||||
},
|
||||
"ref": null,
|
||||
"rendered": "Enabled",
|
||||
"type": "react-mdl-Switch",
|
||||
},
|
||||
Object {
|
||||
"instance": null,
|
||||
"key": undefined,
|
||||
"nodeType": "host",
|
||||
"props": Object {},
|
||||
"ref": null,
|
||||
"rendered": null,
|
||||
"type": "hr",
|
||||
},
|
||||
],
|
||||
"type": "div",
|
||||
},
|
||||
Object {
|
||||
"instance": null,
|
||||
"key": undefined,
|
||||
"nodeType": "host",
|
||||
"props": Object {
|
||||
"addStrategy": [MockFunction],
|
||||
"configuredStrategies": Array [],
|
||||
"moveStrategy": [MockFunction],
|
||||
"removeStrategy": [MockFunction],
|
||||
"updateStrategy": [MockFunction],
|
||||
},
|
||||
"ref": null,
|
||||
"rendered": null,
|
||||
"type": "StrategiesSection",
|
||||
},
|
||||
Object {
|
||||
"instance": null,
|
||||
"key": undefined,
|
||||
"nodeType": "host",
|
||||
"props": Object {},
|
||||
"ref": null,
|
||||
"rendered": null,
|
||||
"type": "br",
|
||||
},
|
||||
Object {
|
||||
"instance": null,
|
||||
"key": undefined,
|
||||
"nodeType": "function",
|
||||
"props": Object {
|
||||
"onCancel": [MockFunction],
|
||||
"submitText": "Create",
|
||||
},
|
||||
"ref": null,
|
||||
"rendered": null,
|
||||
"type": [Function],
|
||||
},
|
||||
],
|
||||
"type": "section",
|
||||
},
|
||||
"type": "form",
|
||||
},
|
||||
Symbol(enzyme.__nodes__): Array [
|
||||
Object {
|
||||
"instance": null,
|
||||
"key": undefined,
|
||||
"nodeType": "host",
|
||||
"props": Object {
|
||||
"children": <section
|
||||
style={
|
||||
Object {
|
||||
"padding": "16px",
|
||||
}
|
||||
}
|
||||
>
|
||||
<react-mdl-Textfield
|
||||
error={Object {}}
|
||||
floatingLabel={true}
|
||||
label="Name"
|
||||
name="name"
|
||||
onBlur={[Function]}
|
||||
onChange={[Function]}
|
||||
required={true}
|
||||
value="feature"
|
||||
/>
|
||||
<react-mdl-Textfield
|
||||
floatingLabel={true}
|
||||
label="Description"
|
||||
onChange={[Function]}
|
||||
required={true}
|
||||
rows={1}
|
||||
style={
|
||||
Object {
|
||||
"width": "100%",
|
||||
}
|
||||
}
|
||||
value="Description"
|
||||
/>
|
||||
<div>
|
||||
<br />
|
||||
<react-mdl-Switch
|
||||
checked={false}
|
||||
onChange={[Function]}
|
||||
>
|
||||
Enabled
|
||||
</react-mdl-Switch>
|
||||
<hr />
|
||||
</div>
|
||||
<StrategiesSection
|
||||
addStrategy={[MockFunction]}
|
||||
configuredStrategies={Array []}
|
||||
moveStrategy={[MockFunction]}
|
||||
removeStrategy={[MockFunction]}
|
||||
updateStrategy={[MockFunction]}
|
||||
/>
|
||||
<br />
|
||||
<FormButtons
|
||||
onCancel={[MockFunction]}
|
||||
submitText="Create"
|
||||
/>
|
||||
</section>,
|
||||
"onSubmit": undefined,
|
||||
},
|
||||
"ref": null,
|
||||
"rendered": Object {
|
||||
"instance": null,
|
||||
"key": undefined,
|
||||
"nodeType": "host",
|
||||
"props": Object {
|
||||
"children": Array [
|
||||
<react-mdl-Textfield
|
||||
error={Object {}}
|
||||
floatingLabel={true}
|
||||
label="Name"
|
||||
name="name"
|
||||
onBlur={[Function]}
|
||||
onChange={[Function]}
|
||||
required={true}
|
||||
value="feature"
|
||||
/>,
|
||||
<react-mdl-Textfield
|
||||
floatingLabel={true}
|
||||
label="Description"
|
||||
onChange={[Function]}
|
||||
required={true}
|
||||
rows={1}
|
||||
style={
|
||||
Object {
|
||||
"width": "100%",
|
||||
}
|
||||
}
|
||||
value="Description"
|
||||
/>,
|
||||
<div>
|
||||
<br />
|
||||
<react-mdl-Switch
|
||||
checked={false}
|
||||
onChange={[Function]}
|
||||
>
|
||||
Enabled
|
||||
</react-mdl-Switch>
|
||||
<hr />
|
||||
</div>,
|
||||
<StrategiesSection
|
||||
addStrategy={[MockFunction]}
|
||||
configuredStrategies={Array []}
|
||||
moveStrategy={[MockFunction]}
|
||||
removeStrategy={[MockFunction]}
|
||||
updateStrategy={[MockFunction]}
|
||||
/>,
|
||||
<br />,
|
||||
<FormButtons
|
||||
onCancel={[MockFunction]}
|
||||
submitText="Create"
|
||||
/>,
|
||||
],
|
||||
"style": Object {
|
||||
"padding": "16px",
|
||||
},
|
||||
},
|
||||
"ref": null,
|
||||
"rendered": Array [
|
||||
Object {
|
||||
"instance": null,
|
||||
"key": undefined,
|
||||
"nodeType": "host",
|
||||
"props": Object {
|
||||
"error": Object {},
|
||||
"floatingLabel": true,
|
||||
"label": "Name",
|
||||
"name": "name",
|
||||
"onBlur": [Function],
|
||||
"onChange": [Function],
|
||||
"required": true,
|
||||
"value": "feature",
|
||||
},
|
||||
"ref": null,
|
||||
"rendered": null,
|
||||
"type": "react-mdl-Textfield",
|
||||
},
|
||||
Object {
|
||||
"instance": null,
|
||||
"key": undefined,
|
||||
"nodeType": "host",
|
||||
"props": Object {
|
||||
"floatingLabel": true,
|
||||
"label": "Description",
|
||||
"onChange": [Function],
|
||||
"required": true,
|
||||
"rows": 1,
|
||||
"style": Object {
|
||||
"width": "100%",
|
||||
},
|
||||
"value": "Description",
|
||||
},
|
||||
"ref": null,
|
||||
"rendered": null,
|
||||
"type": "react-mdl-Textfield",
|
||||
},
|
||||
Object {
|
||||
"instance": null,
|
||||
"key": undefined,
|
||||
"nodeType": "host",
|
||||
"props": Object {
|
||||
"children": Array [
|
||||
<br />,
|
||||
<react-mdl-Switch
|
||||
checked={false}
|
||||
onChange={[Function]}
|
||||
>
|
||||
Enabled
|
||||
</react-mdl-Switch>,
|
||||
<hr />,
|
||||
],
|
||||
},
|
||||
"ref": null,
|
||||
"rendered": Array [
|
||||
Object {
|
||||
"instance": null,
|
||||
"key": undefined,
|
||||
"nodeType": "host",
|
||||
"props": Object {},
|
||||
"ref": null,
|
||||
"rendered": null,
|
||||
"type": "br",
|
||||
},
|
||||
Object {
|
||||
"instance": null,
|
||||
"key": undefined,
|
||||
"nodeType": "host",
|
||||
"props": Object {
|
||||
"checked": false,
|
||||
"children": "Enabled",
|
||||
"onChange": [Function],
|
||||
},
|
||||
"ref": null,
|
||||
"rendered": "Enabled",
|
||||
"type": "react-mdl-Switch",
|
||||
},
|
||||
Object {
|
||||
"instance": null,
|
||||
"key": undefined,
|
||||
"nodeType": "host",
|
||||
"props": Object {},
|
||||
"ref": null,
|
||||
"rendered": null,
|
||||
"type": "hr",
|
||||
},
|
||||
],
|
||||
"type": "div",
|
||||
},
|
||||
Object {
|
||||
"instance": null,
|
||||
"key": undefined,
|
||||
"nodeType": "host",
|
||||
"props": Object {
|
||||
"addStrategy": [MockFunction],
|
||||
"configuredStrategies": Array [],
|
||||
"moveStrategy": [MockFunction],
|
||||
"removeStrategy": [MockFunction],
|
||||
"updateStrategy": [MockFunction],
|
||||
},
|
||||
"ref": null,
|
||||
"rendered": null,
|
||||
"type": "StrategiesSection",
|
||||
},
|
||||
Object {
|
||||
"instance": null,
|
||||
"key": undefined,
|
||||
"nodeType": "host",
|
||||
"props": Object {},
|
||||
"ref": null,
|
||||
"rendered": null,
|
||||
"type": "br",
|
||||
},
|
||||
Object {
|
||||
"instance": null,
|
||||
"key": undefined,
|
||||
"nodeType": "function",
|
||||
"props": Object {
|
||||
"onCancel": [MockFunction],
|
||||
"submitText": "Create",
|
||||
},
|
||||
"ref": null,
|
||||
"rendered": null,
|
||||
"type": [Function],
|
||||
},
|
||||
],
|
||||
"type": "section",
|
||||
},
|
||||
"type": "form",
|
||||
},
|
||||
],
|
||||
Symbol(enzyme.__options__): Object {
|
||||
"adapter": ReactSixteenAdapter {
|
||||
"options": Object {
|
||||
"enableComponentDidUpdateOnSetState": true,
|
||||
},
|
||||
},
|
||||
},
|
||||
}
|
||||
`;
|
||||
@ -0,0 +1,245 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`render the create feature page 1`] = `
|
||||
ShallowWrapper {
|
||||
"length": 1,
|
||||
Symbol(enzyme.__root__): [Circular],
|
||||
Symbol(enzyme.__unrendered__): <UpdateFeatureComponent
|
||||
addStrategy={[MockFunction]}
|
||||
initCallRequired={false}
|
||||
input={
|
||||
Object {
|
||||
"description": "Description",
|
||||
"enabled": false,
|
||||
"name": "feature",
|
||||
"nameError": Object {},
|
||||
}
|
||||
}
|
||||
moveStrategy={[MockFunction]}
|
||||
onCancel={[MockFunction]}
|
||||
onSubmit={
|
||||
[MockFunction] {
|
||||
"calls": Array [
|
||||
Array [
|
||||
Object {
|
||||
"description": "Description",
|
||||
"enabled": false,
|
||||
"name": "feature",
|
||||
"nameError": Object {},
|
||||
},
|
||||
],
|
||||
],
|
||||
}
|
||||
}
|
||||
removeStrategy={[MockFunction]}
|
||||
setValue={[MockFunction]}
|
||||
title="title"
|
||||
updateStrategy={[MockFunction]}
|
||||
validateName={[MockFunction]}
|
||||
/>,
|
||||
Symbol(enzyme.__renderer__): Object {
|
||||
"batchedUpdates": [Function],
|
||||
"getNode": [Function],
|
||||
"render": [Function],
|
||||
"simulateEvent": [Function],
|
||||
"unmount": [Function],
|
||||
},
|
||||
Symbol(enzyme.__node__): Object {
|
||||
"instance": null,
|
||||
"key": undefined,
|
||||
"nodeType": "host",
|
||||
"props": Object {
|
||||
"children": <section
|
||||
style={
|
||||
Object {
|
||||
"padding": "16px",
|
||||
}
|
||||
}
|
||||
>
|
||||
<StrategiesSection
|
||||
addStrategy={[MockFunction]}
|
||||
configuredStrategies={Array []}
|
||||
moveStrategy={[MockFunction]}
|
||||
removeStrategy={[MockFunction]}
|
||||
updateStrategy={[MockFunction]}
|
||||
/>
|
||||
<br />
|
||||
<FormButtons
|
||||
onCancel={[MockFunction]}
|
||||
submitText="Update"
|
||||
/>
|
||||
</section>,
|
||||
"onSubmit": undefined,
|
||||
},
|
||||
"ref": null,
|
||||
"rendered": Object {
|
||||
"instance": null,
|
||||
"key": undefined,
|
||||
"nodeType": "host",
|
||||
"props": Object {
|
||||
"children": Array [
|
||||
<StrategiesSection
|
||||
addStrategy={[MockFunction]}
|
||||
configuredStrategies={Array []}
|
||||
moveStrategy={[MockFunction]}
|
||||
removeStrategy={[MockFunction]}
|
||||
updateStrategy={[MockFunction]}
|
||||
/>,
|
||||
<br />,
|
||||
<FormButtons
|
||||
onCancel={[MockFunction]}
|
||||
submitText="Update"
|
||||
/>,
|
||||
],
|
||||
"style": Object {
|
||||
"padding": "16px",
|
||||
},
|
||||
},
|
||||
"ref": null,
|
||||
"rendered": Array [
|
||||
Object {
|
||||
"instance": null,
|
||||
"key": undefined,
|
||||
"nodeType": "host",
|
||||
"props": Object {
|
||||
"addStrategy": [MockFunction],
|
||||
"configuredStrategies": Array [],
|
||||
"moveStrategy": [MockFunction],
|
||||
"removeStrategy": [MockFunction],
|
||||
"updateStrategy": [MockFunction],
|
||||
},
|
||||
"ref": null,
|
||||
"rendered": null,
|
||||
"type": "StrategiesSection",
|
||||
},
|
||||
Object {
|
||||
"instance": null,
|
||||
"key": undefined,
|
||||
"nodeType": "host",
|
||||
"props": Object {},
|
||||
"ref": null,
|
||||
"rendered": null,
|
||||
"type": "br",
|
||||
},
|
||||
Object {
|
||||
"instance": null,
|
||||
"key": undefined,
|
||||
"nodeType": "function",
|
||||
"props": Object {
|
||||
"onCancel": [MockFunction],
|
||||
"submitText": "Update",
|
||||
},
|
||||
"ref": null,
|
||||
"rendered": null,
|
||||
"type": [Function],
|
||||
},
|
||||
],
|
||||
"type": "section",
|
||||
},
|
||||
"type": "form",
|
||||
},
|
||||
Symbol(enzyme.__nodes__): Array [
|
||||
Object {
|
||||
"instance": null,
|
||||
"key": undefined,
|
||||
"nodeType": "host",
|
||||
"props": Object {
|
||||
"children": <section
|
||||
style={
|
||||
Object {
|
||||
"padding": "16px",
|
||||
}
|
||||
}
|
||||
>
|
||||
<StrategiesSection
|
||||
addStrategy={[MockFunction]}
|
||||
configuredStrategies={Array []}
|
||||
moveStrategy={[MockFunction]}
|
||||
removeStrategy={[MockFunction]}
|
||||
updateStrategy={[MockFunction]}
|
||||
/>
|
||||
<br />
|
||||
<FormButtons
|
||||
onCancel={[MockFunction]}
|
||||
submitText="Update"
|
||||
/>
|
||||
</section>,
|
||||
"onSubmit": undefined,
|
||||
},
|
||||
"ref": null,
|
||||
"rendered": Object {
|
||||
"instance": null,
|
||||
"key": undefined,
|
||||
"nodeType": "host",
|
||||
"props": Object {
|
||||
"children": Array [
|
||||
<StrategiesSection
|
||||
addStrategy={[MockFunction]}
|
||||
configuredStrategies={Array []}
|
||||
moveStrategy={[MockFunction]}
|
||||
removeStrategy={[MockFunction]}
|
||||
updateStrategy={[MockFunction]}
|
||||
/>,
|
||||
<br />,
|
||||
<FormButtons
|
||||
onCancel={[MockFunction]}
|
||||
submitText="Update"
|
||||
/>,
|
||||
],
|
||||
"style": Object {
|
||||
"padding": "16px",
|
||||
},
|
||||
},
|
||||
"ref": null,
|
||||
"rendered": Array [
|
||||
Object {
|
||||
"instance": null,
|
||||
"key": undefined,
|
||||
"nodeType": "host",
|
||||
"props": Object {
|
||||
"addStrategy": [MockFunction],
|
||||
"configuredStrategies": Array [],
|
||||
"moveStrategy": [MockFunction],
|
||||
"removeStrategy": [MockFunction],
|
||||
"updateStrategy": [MockFunction],
|
||||
},
|
||||
"ref": null,
|
||||
"rendered": null,
|
||||
"type": "StrategiesSection",
|
||||
},
|
||||
Object {
|
||||
"instance": null,
|
||||
"key": undefined,
|
||||
"nodeType": "host",
|
||||
"props": Object {},
|
||||
"ref": null,
|
||||
"rendered": null,
|
||||
"type": "br",
|
||||
},
|
||||
Object {
|
||||
"instance": null,
|
||||
"key": undefined,
|
||||
"nodeType": "function",
|
||||
"props": Object {
|
||||
"onCancel": [MockFunction],
|
||||
"submitText": "Update",
|
||||
},
|
||||
"ref": null,
|
||||
"rendered": null,
|
||||
"type": [Function],
|
||||
},
|
||||
],
|
||||
"type": "section",
|
||||
},
|
||||
"type": "form",
|
||||
},
|
||||
],
|
||||
Symbol(enzyme.__options__): Object {
|
||||
"adapter": ReactSixteenAdapter {
|
||||
"options": Object {
|
||||
"enableComponentDidUpdateOnSetState": true,
|
||||
},
|
||||
},
|
||||
},
|
||||
}
|
||||
`;
|
||||
@ -0,0 +1,296 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`renders add strategy form with a list of available strategies 1`] = `
|
||||
ShallowWrapper {
|
||||
"length": 1,
|
||||
Symbol(enzyme.__root__): [Circular],
|
||||
Symbol(enzyme.__unrendered__): <AddStrategy
|
||||
addStrategy={[MockFunction]}
|
||||
fetchStrategies={[MockFunction]}
|
||||
strategies={
|
||||
Array [
|
||||
Object {
|
||||
"description": "Default on/off strategy.",
|
||||
"editable": false,
|
||||
"name": "default",
|
||||
"parameters": Array [
|
||||
"t",
|
||||
],
|
||||
},
|
||||
]
|
||||
}
|
||||
/>,
|
||||
Symbol(enzyme.__renderer__): Object {
|
||||
"batchedUpdates": [Function],
|
||||
"getNode": [Function],
|
||||
"render": [Function],
|
||||
"simulateEvent": [Function],
|
||||
"unmount": [Function],
|
||||
},
|
||||
Symbol(enzyme.__node__): Object {
|
||||
"instance": null,
|
||||
"key": undefined,
|
||||
"nodeType": "host",
|
||||
"props": Object {
|
||||
"children": Array [
|
||||
<react-mdl-IconButton
|
||||
accent={true}
|
||||
id="strategies-add"
|
||||
name="add"
|
||||
onClick={[Function]}
|
||||
raised={true}
|
||||
title="Add Strategy"
|
||||
/>,
|
||||
<react-mdl-Menu
|
||||
align="right"
|
||||
ripple={true}
|
||||
style={
|
||||
Object {
|
||||
"backgroundColor": "rgb(247, 248, 255)",
|
||||
"maxHeight": "300px",
|
||||
"overflowY": "auto",
|
||||
}
|
||||
}
|
||||
target="strategies-add"
|
||||
valign="bottom"
|
||||
>
|
||||
<react-mdl-MenuItem
|
||||
disabled={true}
|
||||
>
|
||||
Add Strategy:
|
||||
</react-mdl-MenuItem>
|
||||
<react-mdl-MenuItem
|
||||
onClick={[Function]}
|
||||
title="Default on/off strategy."
|
||||
>
|
||||
default
|
||||
</react-mdl-MenuItem>
|
||||
</react-mdl-Menu>,
|
||||
],
|
||||
"style": Object {
|
||||
"display": "inline-block",
|
||||
"height": "25px",
|
||||
"position": "relative",
|
||||
"width": "25px",
|
||||
},
|
||||
},
|
||||
"ref": null,
|
||||
"rendered": Array [
|
||||
Object {
|
||||
"instance": null,
|
||||
"key": undefined,
|
||||
"nodeType": "host",
|
||||
"props": Object {
|
||||
"accent": true,
|
||||
"id": "strategies-add",
|
||||
"name": "add",
|
||||
"onClick": [Function],
|
||||
"raised": true,
|
||||
"title": "Add Strategy",
|
||||
},
|
||||
"ref": null,
|
||||
"rendered": null,
|
||||
"type": "react-mdl-IconButton",
|
||||
},
|
||||
Object {
|
||||
"instance": null,
|
||||
"key": undefined,
|
||||
"nodeType": "host",
|
||||
"props": Object {
|
||||
"align": "right",
|
||||
"children": Array [
|
||||
<react-mdl-MenuItem
|
||||
disabled={true}
|
||||
>
|
||||
Add Strategy:
|
||||
</react-mdl-MenuItem>,
|
||||
Array [
|
||||
<react-mdl-MenuItem
|
||||
onClick={[Function]}
|
||||
title="Default on/off strategy."
|
||||
>
|
||||
default
|
||||
</react-mdl-MenuItem>,
|
||||
],
|
||||
],
|
||||
"ripple": true,
|
||||
"style": Object {
|
||||
"backgroundColor": "rgb(247, 248, 255)",
|
||||
"maxHeight": "300px",
|
||||
"overflowY": "auto",
|
||||
},
|
||||
"target": "strategies-add",
|
||||
"valign": "bottom",
|
||||
},
|
||||
"ref": null,
|
||||
"rendered": Array [
|
||||
Object {
|
||||
"instance": null,
|
||||
"key": undefined,
|
||||
"nodeType": "host",
|
||||
"props": Object {
|
||||
"children": "Add Strategy:",
|
||||
"disabled": true,
|
||||
},
|
||||
"ref": null,
|
||||
"rendered": "Add Strategy:",
|
||||
"type": "react-mdl-MenuItem",
|
||||
},
|
||||
Object {
|
||||
"instance": null,
|
||||
"key": "default",
|
||||
"nodeType": "host",
|
||||
"props": Object {
|
||||
"children": "default",
|
||||
"onClick": [Function],
|
||||
"title": "Default on/off strategy.",
|
||||
},
|
||||
"ref": null,
|
||||
"rendered": "default",
|
||||
"type": "react-mdl-MenuItem",
|
||||
},
|
||||
],
|
||||
"type": "react-mdl-Menu",
|
||||
},
|
||||
],
|
||||
"type": "div",
|
||||
},
|
||||
Symbol(enzyme.__nodes__): Array [
|
||||
Object {
|
||||
"instance": null,
|
||||
"key": undefined,
|
||||
"nodeType": "host",
|
||||
"props": Object {
|
||||
"children": Array [
|
||||
<react-mdl-IconButton
|
||||
accent={true}
|
||||
id="strategies-add"
|
||||
name="add"
|
||||
onClick={[Function]}
|
||||
raised={true}
|
||||
title="Add Strategy"
|
||||
/>,
|
||||
<react-mdl-Menu
|
||||
align="right"
|
||||
ripple={true}
|
||||
style={
|
||||
Object {
|
||||
"backgroundColor": "rgb(247, 248, 255)",
|
||||
"maxHeight": "300px",
|
||||
"overflowY": "auto",
|
||||
}
|
||||
}
|
||||
target="strategies-add"
|
||||
valign="bottom"
|
||||
>
|
||||
<react-mdl-MenuItem
|
||||
disabled={true}
|
||||
>
|
||||
Add Strategy:
|
||||
</react-mdl-MenuItem>
|
||||
<react-mdl-MenuItem
|
||||
onClick={[Function]}
|
||||
title="Default on/off strategy."
|
||||
>
|
||||
default
|
||||
</react-mdl-MenuItem>
|
||||
</react-mdl-Menu>,
|
||||
],
|
||||
"style": Object {
|
||||
"display": "inline-block",
|
||||
"height": "25px",
|
||||
"position": "relative",
|
||||
"width": "25px",
|
||||
},
|
||||
},
|
||||
"ref": null,
|
||||
"rendered": Array [
|
||||
Object {
|
||||
"instance": null,
|
||||
"key": undefined,
|
||||
"nodeType": "host",
|
||||
"props": Object {
|
||||
"accent": true,
|
||||
"id": "strategies-add",
|
||||
"name": "add",
|
||||
"onClick": [Function],
|
||||
"raised": true,
|
||||
"title": "Add Strategy",
|
||||
},
|
||||
"ref": null,
|
||||
"rendered": null,
|
||||
"type": "react-mdl-IconButton",
|
||||
},
|
||||
Object {
|
||||
"instance": null,
|
||||
"key": undefined,
|
||||
"nodeType": "host",
|
||||
"props": Object {
|
||||
"align": "right",
|
||||
"children": Array [
|
||||
<react-mdl-MenuItem
|
||||
disabled={true}
|
||||
>
|
||||
Add Strategy:
|
||||
</react-mdl-MenuItem>,
|
||||
Array [
|
||||
<react-mdl-MenuItem
|
||||
onClick={[Function]}
|
||||
title="Default on/off strategy."
|
||||
>
|
||||
default
|
||||
</react-mdl-MenuItem>,
|
||||
],
|
||||
],
|
||||
"ripple": true,
|
||||
"style": Object {
|
||||
"backgroundColor": "rgb(247, 248, 255)",
|
||||
"maxHeight": "300px",
|
||||
"overflowY": "auto",
|
||||
},
|
||||
"target": "strategies-add",
|
||||
"valign": "bottom",
|
||||
},
|
||||
"ref": null,
|
||||
"rendered": Array [
|
||||
Object {
|
||||
"instance": null,
|
||||
"key": undefined,
|
||||
"nodeType": "host",
|
||||
"props": Object {
|
||||
"children": "Add Strategy:",
|
||||
"disabled": true,
|
||||
},
|
||||
"ref": null,
|
||||
"rendered": "Add Strategy:",
|
||||
"type": "react-mdl-MenuItem",
|
||||
},
|
||||
Object {
|
||||
"instance": null,
|
||||
"key": "default",
|
||||
"nodeType": "host",
|
||||
"props": Object {
|
||||
"children": "default",
|
||||
"onClick": [Function],
|
||||
"title": "Default on/off strategy.",
|
||||
},
|
||||
"ref": null,
|
||||
"rendered": "default",
|
||||
"type": "react-mdl-MenuItem",
|
||||
},
|
||||
],
|
||||
"type": "react-mdl-Menu",
|
||||
},
|
||||
],
|
||||
"type": "div",
|
||||
},
|
||||
],
|
||||
Symbol(enzyme.__options__): Object {
|
||||
"adapter": ReactSixteenAdapter {
|
||||
"options": Object {
|
||||
"enableComponentDidUpdateOnSetState": true,
|
||||
},
|
||||
},
|
||||
},
|
||||
}
|
||||
`;
|
||||
@ -0,0 +1,124 @@
|
||||
import React from 'react';
|
||||
import AddFeatureComponent from './../form-add-feature-component';
|
||||
import { shallow } from 'enzyme/build/index';
|
||||
|
||||
jest.mock('react-mdl');
|
||||
jest.mock('../strategies-section-container', () => 'StrategiesSection');
|
||||
|
||||
it('render the create feature page', () => {
|
||||
let input = {
|
||||
name: 'feature',
|
||||
nameError: {},
|
||||
description: 'Description',
|
||||
enabled: false,
|
||||
};
|
||||
const tree = shallow(
|
||||
<AddFeatureComponent
|
||||
input={input}
|
||||
onSubmit={jest.fn()}
|
||||
setValue={jest.fn()}
|
||||
addStrategy={jest.fn()}
|
||||
removeStrategy={jest.fn()}
|
||||
moveStrategy={jest.fn()}
|
||||
onCancel={jest.fn()}
|
||||
updateStrategy={jest.fn()}
|
||||
validateName={jest.fn()}
|
||||
initCallRequired={false}
|
||||
title="title"
|
||||
/>
|
||||
);
|
||||
expect(tree).toMatchSnapshot();
|
||||
});
|
||||
|
||||
let input = {
|
||||
name: 'feature',
|
||||
nameError: {},
|
||||
description: 'Description',
|
||||
enabled: false,
|
||||
};
|
||||
|
||||
let validateName = jest.fn();
|
||||
let setValue = jest.fn();
|
||||
let onSubmit = jest.fn();
|
||||
let addStrategy = jest.fn();
|
||||
let removeStrategy = jest.fn();
|
||||
let moveStrategy = jest.fn();
|
||||
let onCancel = jest.fn();
|
||||
let updateStratgy = jest.fn();
|
||||
let init = jest.fn();
|
||||
let eventMock = {
|
||||
preventDefault: () => {},
|
||||
stopPropagation: () => {},
|
||||
target: {
|
||||
name: 'NAME',
|
||||
},
|
||||
};
|
||||
const buildComponent = (setValue, validateName) => (
|
||||
<AddFeatureComponent
|
||||
input={input}
|
||||
onSubmit={onSubmit}
|
||||
setValue={setValue}
|
||||
addStrategy={addStrategy}
|
||||
removeStrategy={removeStrategy}
|
||||
moveStrategy={moveStrategy}
|
||||
onCancel={onCancel}
|
||||
updateStrategy={updateStratgy}
|
||||
validateName={validateName}
|
||||
initCallRequired
|
||||
title="title"
|
||||
init={init}
|
||||
/>
|
||||
);
|
||||
|
||||
it('add a feature name with validation', () => {
|
||||
let called = false;
|
||||
validateName = () => {
|
||||
called = true;
|
||||
};
|
||||
const wrapper = shallow(buildComponent(setValue, validateName));
|
||||
wrapper
|
||||
.find('react-mdl-Textfield')
|
||||
.first()
|
||||
.simulate('blur', eventMock);
|
||||
expect(called).toBe(true);
|
||||
});
|
||||
|
||||
it('set a value for feature name', () => {
|
||||
let called = false;
|
||||
setValue = () => {
|
||||
called = true;
|
||||
};
|
||||
let wrapper = shallow(buildComponent(setValue, validateName));
|
||||
wrapper
|
||||
.find('react-mdl-Textfield')
|
||||
.first()
|
||||
.simulate('change', eventMock);
|
||||
expect(called).toBe(true);
|
||||
});
|
||||
|
||||
it('set a description for feature name', () => {
|
||||
let called = false;
|
||||
setValue = () => {
|
||||
called = true;
|
||||
};
|
||||
let wrapper = shallow(buildComponent(setValue, validateName));
|
||||
wrapper
|
||||
.find('react-mdl-Textfield')
|
||||
.last()
|
||||
.simulate('change', eventMock);
|
||||
expect(called).toBe(true);
|
||||
});
|
||||
|
||||
it('switch the toggle', () => {
|
||||
let called = false;
|
||||
setValue = () => {
|
||||
called = true;
|
||||
};
|
||||
let wrapper = shallow(buildComponent(setValue, validateName));
|
||||
eventMock.target.enabled = false;
|
||||
wrapper
|
||||
.find('react-mdl-Switch')
|
||||
.last()
|
||||
.simulate('change', eventMock);
|
||||
expect(called).toBe(true);
|
||||
});
|
||||
@ -0,0 +1,31 @@
|
||||
import React from 'react';
|
||||
import UpdateFeatureComponent from './../form-update-feature-component';
|
||||
import { shallow } from 'enzyme/build/index';
|
||||
|
||||
jest.mock('react-mdl');
|
||||
jest.mock('../strategies-section-container', () => 'StrategiesSection');
|
||||
|
||||
it('render the create feature page', () => {
|
||||
let input = {
|
||||
name: 'feature',
|
||||
nameError: {},
|
||||
description: 'Description',
|
||||
enabled: false,
|
||||
};
|
||||
const tree = shallow(
|
||||
<UpdateFeatureComponent
|
||||
input={input}
|
||||
onSubmit={jest.fn()}
|
||||
setValue={jest.fn()}
|
||||
addStrategy={jest.fn()}
|
||||
removeStrategy={jest.fn()}
|
||||
moveStrategy={jest.fn()}
|
||||
onCancel={jest.fn()}
|
||||
updateStrategy={jest.fn()}
|
||||
validateName={jest.fn()}
|
||||
initCallRequired={false}
|
||||
title="title"
|
||||
/>
|
||||
);
|
||||
expect(tree).toMatchSnapshot();
|
||||
});
|
||||
@ -0,0 +1,46 @@
|
||||
import React from 'react';
|
||||
import AddStrategy from './../strategies-add';
|
||||
import { shallow } from 'enzyme/build/index';
|
||||
|
||||
jest.mock('react-mdl');
|
||||
|
||||
const strategies = [
|
||||
{
|
||||
name: 'default',
|
||||
editable: false,
|
||||
description: 'Default on/off strategy.',
|
||||
parameters: ['t'],
|
||||
},
|
||||
];
|
||||
let addStrategy = jest.fn();
|
||||
let fetchStrategies = jest.fn();
|
||||
let eventMock = {
|
||||
preventDefault: () => {},
|
||||
stopPropagation: () => {},
|
||||
target: {
|
||||
name: 'default',
|
||||
},
|
||||
};
|
||||
const buildComponent = (addStrategy, fetchStrategies, strategies) => (
|
||||
<AddStrategy addStrategy={addStrategy} fetchStrategies={fetchStrategies} strategies={strategies} />
|
||||
);
|
||||
|
||||
it('renders add strategy form with a list of available strategies', () => {
|
||||
const tree = shallow(buildComponent(addStrategy, fetchStrategies, strategies));
|
||||
expect(tree).toMatchSnapshot();
|
||||
});
|
||||
|
||||
it('add a strategy', () => {
|
||||
let called = false;
|
||||
addStrategy = () => {
|
||||
called = true;
|
||||
};
|
||||
const addStrategyProto = jest.spyOn(AddStrategy.prototype, 'addStrategy');
|
||||
const wrapper = shallow(buildComponent(addStrategy, fetchStrategies, strategies));
|
||||
wrapper
|
||||
.find('react-mdl-MenuItem')
|
||||
.last()
|
||||
.simulate('click', eventMock);
|
||||
expect(called).toBe(true);
|
||||
expect(addStrategyProto).toHaveBeenCalled();
|
||||
});
|
||||
@ -66,3 +66,16 @@ it('spy onBlur', () => {
|
||||
wrapper.find('react-mdl-Textfield').simulate('blur', focusMock);
|
||||
expect(onFocus).toHaveBeenCalled();
|
||||
});
|
||||
|
||||
it('spy onClose', () => {
|
||||
let list = ['item1'];
|
||||
const name = 'featureName';
|
||||
const onClose = jest.spyOn(InputList.prototype, 'onClose');
|
||||
let closeMock = {
|
||||
preventDefault: () => {},
|
||||
stopPropagation: () => {},
|
||||
};
|
||||
const wrapper = shallow(<InputList list={list} name={name} setConfig={jest.fn()} />);
|
||||
wrapper.find('react-mdl-Chip').simulate('close', closeMock);
|
||||
expect(onClose).toHaveBeenCalled();
|
||||
});
|
||||
|
||||
@ -9,7 +9,7 @@ class AddStrategy extends React.Component {
|
||||
fetchStrategies: PropTypes.func.isRequired,
|
||||
};
|
||||
|
||||
addStrategy = strategyName => {
|
||||
addStrategy(strategyName) {
|
||||
const selectedStrategy = this.props.strategies.find(s => s.name === strategyName);
|
||||
const parameters = {};
|
||||
|
||||
@ -21,7 +21,7 @@ class AddStrategy extends React.Component {
|
||||
name: selectedStrategy.name,
|
||||
parameters,
|
||||
});
|
||||
};
|
||||
}
|
||||
|
||||
stopPropagation(e) {
|
||||
e.stopPropagation();
|
||||
|
||||
Loading…
Reference in New Issue
Block a user