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",
|
"lint:fix": "eslint . --ext js,jsx --fix",
|
||||||
"test": "jest",
|
"test": "jest",
|
||||||
"test:ci": "npm run lint && npm run build && npm run test",
|
"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"
|
"prepublish": "npm run build"
|
||||||
},
|
},
|
||||||
"main": "./index.js",
|
"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',
|
ListItem: 'react-mdl-ListItem',
|
||||||
ListItemContent: 'react-mdl-ListItemContent',
|
ListItemContent: 'react-mdl-ListItemContent',
|
||||||
ListItemAction: 'react-mdl-ListItemAction',
|
ListItemAction: 'react-mdl-ListItemAction',
|
||||||
|
Menu: 'react-mdl-Menu',
|
||||||
|
MenuItem: 'react-mdl-MenuItem',
|
||||||
ProgressBar: 'react-mdl-ProgressBar',
|
ProgressBar: 'react-mdl-ProgressBar',
|
||||||
Switch: 'react-mdl-Switch',
|
Switch: 'react-mdl-Switch',
|
||||||
Tab: 'react-mdl-Tab',
|
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);
|
wrapper.find('react-mdl-Textfield').simulate('blur', focusMock);
|
||||||
expect(onFocus).toHaveBeenCalled();
|
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,
|
fetchStrategies: PropTypes.func.isRequired,
|
||||||
};
|
};
|
||||||
|
|
||||||
addStrategy = strategyName => {
|
addStrategy(strategyName) {
|
||||||
const selectedStrategy = this.props.strategies.find(s => s.name === strategyName);
|
const selectedStrategy = this.props.strategies.find(s => s.name === strategyName);
|
||||||
const parameters = {};
|
const parameters = {};
|
||||||
|
|
||||||
@ -21,7 +21,7 @@ class AddStrategy extends React.Component {
|
|||||||
name: selectedStrategy.name,
|
name: selectedStrategy.name,
|
||||||
parameters,
|
parameters,
|
||||||
});
|
});
|
||||||
};
|
}
|
||||||
|
|
||||||
stopPropagation(e) {
|
stopPropagation(e) {
|
||||||
e.stopPropagation();
|
e.stopPropagation();
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user