diff --git a/packages/blocksAntd/demo/examples/Modal.yaml b/packages/blocksAntd/demo/examples/Modal.yaml
index e7a6295e4..e130ffb6d 100644
--- a/packages/blocksAntd/demo/examples/Modal.yaml
+++ b/packages/blocksAntd/demo/examples/Modal.yaml
@@ -4,10 +4,54 @@
   type: Modal
   properties:
     title: Modal title
-- id: areas.content
+- id: "properties: centered: true"
   type: Modal
-  areas:
-    content:
-      blocks:
-        - id: testArea
-          type: Test
\ No newline at end of file
+  properties:
+    centered: true
+- id: "properties: closable: false"
+  type: Modal
+  properties:
+    closable: false
+- id: "properties: footer: false"
+  type: Modal
+  properties:
+    footer: false
+- id: "properties: mask: false"
+  type: Modal
+  properties:
+    mask: false
+- id: "properties: maskClosable: false"
+  type: Modal
+  properties:
+    maskClosable: false
+- id: "properties: okText: Text of the OK button"
+  type: Modal
+  properties:
+    okText: Text of the OK button
+- id: "properties: cancelText: Text of the Cancel button"
+  type: Modal
+  properties:
+    cancelText: Text of the Cancel button
+- id: "properties: width: 350px - 520px is default"
+  type: Modal
+  properties:
+    width: 350
+- id: "properties: zIndex: 1200 - 1000 is the default"
+  type: Modal
+  properties:
+    zIndex: 1200
+- id: "properties: bodyStyle: border: 10px solid blue"
+  type: Modal
+  properties:
+    bodyStyle:
+      border: 10px solid blue
+- id: "properties: maskStyle: border: 10px solid blue"
+  type: Modal
+  properties:
+    maskStyle:
+      border: 10px solid blue
+- id: "properties: wrapperStyle: border: 10px solid blue"
+  type: Modal
+  properties:
+    wrapperStyle:
+      border: 10px solid blue
\ No newline at end of file
diff --git a/packages/blocksAntd/src/blocks/Modal/Modal.js b/packages/blocksAntd/src/blocks/Modal/Modal.js
index c37bc096c..177a3a982 100644
--- a/packages/blocksAntd/src/blocks/Modal/Modal.js
+++ b/packages/blocksAntd/src/blocks/Modal/Modal.js
@@ -34,7 +34,6 @@ const ModalBlock = ({ blockId, content, properties, actions, methods }) => {
   }
   return (
     <div id={blockId}>
-      <div id={`${blockId}_popup`} />
       <Modal
         id={`${blockId}_modal`}
         title={properties.title}
@@ -50,7 +49,6 @@ const ModalBlock = ({ blockId, content, properties, actions, methods }) => {
           setOpen(false);
         }}
         afterClose={() => methods.callAction({ action: 'afterClose' })}
-        getContainer={() => document.getElementById(`${blockId}_popup`)}
         confirmLoading={get(actions, 'onOk.loading')}
         okText={properties.okText || 'Ok'}
         cancelText={properties.cancelText || 'Cancel'}
diff --git a/packages/blocksAntd/src/blocks/Modal/Modal.json b/packages/blocksAntd/src/blocks/Modal/Modal.json
index 54d394174..e1130dcce 100644
--- a/packages/blocksAntd/src/blocks/Modal/Modal.json
+++ b/packages/blocksAntd/src/blocks/Modal/Modal.json
@@ -1,6 +1,20 @@
 {
   "category": "container",
   "loading": false,
+  "test": {
+    "methods": [
+      {
+        "name": "toggleOpen",
+        "args": {}
+      },
+      {
+        "name": "setOpen",
+        "args": {
+          "open": true
+        }
+      }
+    ]
+  },
   "schema": {
     "properties": {
       "type": "object",
diff --git a/packages/blocksAntd/tests/Modal.test.js b/packages/blocksAntd/tests/Modal.test.js
index 067632fe4..8f0156f9a 100644
--- a/packages/blocksAntd/tests/Modal.test.js
+++ b/packages/blocksAntd/tests/Modal.test.js
@@ -14,11 +14,26 @@
   limitations under the License.
 */
 
-import { runBlockSchemaTests, runRenderTests } from '@lowdefy/block-tools';
+import { runBlockSchemaTests, runMethodTests } from '@lowdefy/block-tools';
+import Enzyme, { mount } from 'enzyme';
+import Adapter from '@wojtekmaj/enzyme-adapter-react-17';
+import { Modal } from 'antd';
 
-import Modal from '../src/blocks/Modal/Modal';
+Enzyme.configure({ adapter: new Adapter() });
+import ModalBlock from '../src/blocks/Modal/Modal';
 import examples from '../demo/examples/Modal.yaml';
 import meta from '../src/blocks/Modal/Modal.json';
 
-runRenderTests({ examples, Block: Modal, meta });
+jest.mock('antd/lib/modal', () => {
+  return jest.fn((props) => props.toString());
+});
+
+const mocks = [
+  {
+    name: 'default',
+    fn: Modal,
+  },
+];
+
+runMethodTests({ examples, Block: ModalBlock, mocks, meta, enzyme: { mount } });
 runBlockSchemaTests({ examples, meta });
diff --git a/packages/blocksAntd/tests/__snapshots__/Modal.test.js.snap b/packages/blocksAntd/tests/__snapshots__/Modal.test.js.snap
index 456143870..13369924d 100644
--- a/packages/blocksAntd/tests/__snapshots__/Modal.test.js.snap
+++ b/packages/blocksAntd/tests/__snapshots__/Modal.test.js.snap
@@ -1,38 +1,2164 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Render areas.content - value[0] 1`] = `
-<div
-  id="areas.content"
->
-  <div
-    id="areas.content_popup"
-  />
-</div>
+exports[`Mock for method: {"name":"setOpen","args":{"open":true}} - default - value[0] - default 1`] = `
+Array [
+  Array [
+    Object {
+      "afterClose": [Function],
+      "bodyStyle": "{\\"options\\":{\\"styleObjectOnly\\":true}}",
+      "cancelButtonProps": undefined,
+      "cancelText": "Cancel",
+      "centered": false,
+      "children": <div
+        style={
+          Object {
+            "border": "1px solid red",
+            "padding": 10,
+          }
+        }
+      >
+        content
+      </div>,
+      "closable": true,
+      "confirmLoading": undefined,
+      "id": "default_modal",
+      "mask": true,
+      "maskClosable": true,
+      "maskStyle": "{\\"options\\":{\\"styleObjectOnly\\":true}}",
+      "okButtonProps": undefined,
+      "okText": "Ok",
+      "okType": "primary",
+      "onCancel": [Function],
+      "onOk": [Function],
+      "title": undefined,
+      "visible": false,
+      "width": undefined,
+      "wrapClassName": "{}",
+      "zIndex": undefined,
+    },
+    Object {},
+  ],
+  Array [
+    Object {
+      "afterClose": [Function],
+      "bodyStyle": "{\\"options\\":{\\"styleObjectOnly\\":true}}",
+      "cancelButtonProps": undefined,
+      "cancelText": "Cancel",
+      "centered": false,
+      "children": <div
+        style={
+          Object {
+            "border": "1px solid red",
+            "padding": 10,
+          }
+        }
+      >
+        content
+      </div>,
+      "closable": true,
+      "confirmLoading": undefined,
+      "id": "default_modal",
+      "mask": true,
+      "maskClosable": true,
+      "maskStyle": "{\\"options\\":{\\"styleObjectOnly\\":true}}",
+      "okButtonProps": undefined,
+      "okText": "Ok",
+      "okType": "primary",
+      "onCancel": [Function],
+      "onOk": [Function],
+      "title": undefined,
+      "visible": true,
+      "width": undefined,
+      "wrapClassName": "{}",
+      "zIndex": undefined,
+    },
+    Object {},
+  ],
+]
 `;
 
-exports[`Render default - value[0] 1`] = `
-<div
-  id="default"
->
-  <div
-    id="default_popup"
-  />
-</div>
+exports[`Mock for method: {"name":"setOpen","args":{"open":true}} - properties.title - value[0] - default 1`] = `
+Array [
+  Array [
+    Object {
+      "afterClose": [Function],
+      "bodyStyle": "{\\"options\\":{\\"styleObjectOnly\\":true}}",
+      "cancelButtonProps": undefined,
+      "cancelText": "Cancel",
+      "centered": false,
+      "children": <div
+        style={
+          Object {
+            "border": "1px solid red",
+            "padding": 10,
+          }
+        }
+      >
+        content
+      </div>,
+      "closable": true,
+      "confirmLoading": undefined,
+      "id": "properties.title_modal",
+      "mask": true,
+      "maskClosable": true,
+      "maskStyle": "{\\"options\\":{\\"styleObjectOnly\\":true}}",
+      "okButtonProps": undefined,
+      "okText": "Ok",
+      "okType": "primary",
+      "onCancel": [Function],
+      "onOk": [Function],
+      "title": "Modal title",
+      "visible": false,
+      "width": undefined,
+      "wrapClassName": "{}",
+      "zIndex": undefined,
+    },
+    Object {},
+  ],
+  Array [
+    Object {
+      "afterClose": [Function],
+      "bodyStyle": "{\\"options\\":{\\"styleObjectOnly\\":true}}",
+      "cancelButtonProps": undefined,
+      "cancelText": "Cancel",
+      "centered": false,
+      "children": <div
+        style={
+          Object {
+            "border": "1px solid red",
+            "padding": 10,
+          }
+        }
+      >
+        content
+      </div>,
+      "closable": true,
+      "confirmLoading": undefined,
+      "id": "properties.title_modal",
+      "mask": true,
+      "maskClosable": true,
+      "maskStyle": "{\\"options\\":{\\"styleObjectOnly\\":true}}",
+      "okButtonProps": undefined,
+      "okText": "Ok",
+      "okType": "primary",
+      "onCancel": [Function],
+      "onOk": [Function],
+      "title": "Modal title",
+      "visible": true,
+      "width": undefined,
+      "wrapClassName": "{}",
+      "zIndex": undefined,
+    },
+    Object {},
+  ],
+]
 `;
 
-exports[`Render properties.title - value[0] 1`] = `
-<div
-  id="properties.title"
->
-  <div
-    id="properties.title_popup"
-  />
-</div>
+exports[`Mock for method: {"name":"setOpen","args":{"open":true}} - properties: bodyStyle: border: 10px solid blue - value[0] - default 1`] = `
+Array [
+  Array [
+    Object {
+      "afterClose": [Function],
+      "bodyStyle": "{\\"style\\":{\\"border\\":\\"10px solid blue\\"},\\"options\\":{\\"styleObjectOnly\\":true}}",
+      "cancelButtonProps": undefined,
+      "cancelText": "Cancel",
+      "centered": false,
+      "children": <div
+        style={
+          Object {
+            "border": "1px solid red",
+            "padding": 10,
+          }
+        }
+      >
+        content
+      </div>,
+      "closable": true,
+      "confirmLoading": undefined,
+      "id": "properties: bodyStyle: border: 10px solid blue_modal",
+      "mask": true,
+      "maskClosable": true,
+      "maskStyle": "{\\"options\\":{\\"styleObjectOnly\\":true}}",
+      "okButtonProps": undefined,
+      "okText": "Ok",
+      "okType": "primary",
+      "onCancel": [Function],
+      "onOk": [Function],
+      "title": undefined,
+      "visible": false,
+      "width": undefined,
+      "wrapClassName": "{}",
+      "zIndex": undefined,
+    },
+    Object {},
+  ],
+  Array [
+    Object {
+      "afterClose": [Function],
+      "bodyStyle": "{\\"style\\":{\\"border\\":\\"10px solid blue\\"},\\"options\\":{\\"styleObjectOnly\\":true}}",
+      "cancelButtonProps": undefined,
+      "cancelText": "Cancel",
+      "centered": false,
+      "children": <div
+        style={
+          Object {
+            "border": "1px solid red",
+            "padding": 10,
+          }
+        }
+      >
+        content
+      </div>,
+      "closable": true,
+      "confirmLoading": undefined,
+      "id": "properties: bodyStyle: border: 10px solid blue_modal",
+      "mask": true,
+      "maskClosable": true,
+      "maskStyle": "{\\"options\\":{\\"styleObjectOnly\\":true}}",
+      "okButtonProps": undefined,
+      "okText": "Ok",
+      "okType": "primary",
+      "onCancel": [Function],
+      "onOk": [Function],
+      "title": undefined,
+      "visible": true,
+      "width": undefined,
+      "wrapClassName": "{}",
+      "zIndex": undefined,
+    },
+    Object {},
+  ],
+]
 `;
 
-exports[`Test Schema areas.content 1`] = `true`;
+exports[`Mock for method: {"name":"setOpen","args":{"open":true}} - properties: cancelText: Text of the Cancel button - value[0] - default 1`] = `
+Array [
+  Array [
+    Object {
+      "afterClose": [Function],
+      "bodyStyle": "{\\"options\\":{\\"styleObjectOnly\\":true}}",
+      "cancelButtonProps": undefined,
+      "cancelText": "Text of the Cancel button",
+      "centered": false,
+      "children": <div
+        style={
+          Object {
+            "border": "1px solid red",
+            "padding": 10,
+          }
+        }
+      >
+        content
+      </div>,
+      "closable": true,
+      "confirmLoading": undefined,
+      "id": "properties: cancelText: Text of the Cancel button_modal",
+      "mask": true,
+      "maskClosable": true,
+      "maskStyle": "{\\"options\\":{\\"styleObjectOnly\\":true}}",
+      "okButtonProps": undefined,
+      "okText": "Ok",
+      "okType": "primary",
+      "onCancel": [Function],
+      "onOk": [Function],
+      "title": undefined,
+      "visible": false,
+      "width": undefined,
+      "wrapClassName": "{}",
+      "zIndex": undefined,
+    },
+    Object {},
+  ],
+  Array [
+    Object {
+      "afterClose": [Function],
+      "bodyStyle": "{\\"options\\":{\\"styleObjectOnly\\":true}}",
+      "cancelButtonProps": undefined,
+      "cancelText": "Text of the Cancel button",
+      "centered": false,
+      "children": <div
+        style={
+          Object {
+            "border": "1px solid red",
+            "padding": 10,
+          }
+        }
+      >
+        content
+      </div>,
+      "closable": true,
+      "confirmLoading": undefined,
+      "id": "properties: cancelText: Text of the Cancel button_modal",
+      "mask": true,
+      "maskClosable": true,
+      "maskStyle": "{\\"options\\":{\\"styleObjectOnly\\":true}}",
+      "okButtonProps": undefined,
+      "okText": "Ok",
+      "okType": "primary",
+      "onCancel": [Function],
+      "onOk": [Function],
+      "title": undefined,
+      "visible": true,
+      "width": undefined,
+      "wrapClassName": "{}",
+      "zIndex": undefined,
+    },
+    Object {},
+  ],
+]
+`;
 
-exports[`Test Schema areas.content 2`] = `null`;
+exports[`Mock for method: {"name":"setOpen","args":{"open":true}} - properties: centered: true - value[0] - default 1`] = `
+Array [
+  Array [
+    Object {
+      "afterClose": [Function],
+      "bodyStyle": "{\\"options\\":{\\"styleObjectOnly\\":true}}",
+      "cancelButtonProps": undefined,
+      "cancelText": "Cancel",
+      "centered": true,
+      "children": <div
+        style={
+          Object {
+            "border": "1px solid red",
+            "padding": 10,
+          }
+        }
+      >
+        content
+      </div>,
+      "closable": true,
+      "confirmLoading": undefined,
+      "id": "properties: centered: true_modal",
+      "mask": true,
+      "maskClosable": true,
+      "maskStyle": "{\\"options\\":{\\"styleObjectOnly\\":true}}",
+      "okButtonProps": undefined,
+      "okText": "Ok",
+      "okType": "primary",
+      "onCancel": [Function],
+      "onOk": [Function],
+      "title": undefined,
+      "visible": false,
+      "width": undefined,
+      "wrapClassName": "{}",
+      "zIndex": undefined,
+    },
+    Object {},
+  ],
+  Array [
+    Object {
+      "afterClose": [Function],
+      "bodyStyle": "{\\"options\\":{\\"styleObjectOnly\\":true}}",
+      "cancelButtonProps": undefined,
+      "cancelText": "Cancel",
+      "centered": true,
+      "children": <div
+        style={
+          Object {
+            "border": "1px solid red",
+            "padding": 10,
+          }
+        }
+      >
+        content
+      </div>,
+      "closable": true,
+      "confirmLoading": undefined,
+      "id": "properties: centered: true_modal",
+      "mask": true,
+      "maskClosable": true,
+      "maskStyle": "{\\"options\\":{\\"styleObjectOnly\\":true}}",
+      "okButtonProps": undefined,
+      "okText": "Ok",
+      "okType": "primary",
+      "onCancel": [Function],
+      "onOk": [Function],
+      "title": undefined,
+      "visible": true,
+      "width": undefined,
+      "wrapClassName": "{}",
+      "zIndex": undefined,
+    },
+    Object {},
+  ],
+]
+`;
+
+exports[`Mock for method: {"name":"setOpen","args":{"open":true}} - properties: closable: false - value[0] - default 1`] = `
+Array [
+  Array [
+    Object {
+      "afterClose": [Function],
+      "bodyStyle": "{\\"options\\":{\\"styleObjectOnly\\":true}}",
+      "cancelButtonProps": undefined,
+      "cancelText": "Cancel",
+      "centered": false,
+      "children": <div
+        style={
+          Object {
+            "border": "1px solid red",
+            "padding": 10,
+          }
+        }
+      >
+        content
+      </div>,
+      "closable": false,
+      "confirmLoading": undefined,
+      "id": "properties: closable: false_modal",
+      "mask": true,
+      "maskClosable": true,
+      "maskStyle": "{\\"options\\":{\\"styleObjectOnly\\":true}}",
+      "okButtonProps": undefined,
+      "okText": "Ok",
+      "okType": "primary",
+      "onCancel": [Function],
+      "onOk": [Function],
+      "title": undefined,
+      "visible": false,
+      "width": undefined,
+      "wrapClassName": "{}",
+      "zIndex": undefined,
+    },
+    Object {},
+  ],
+  Array [
+    Object {
+      "afterClose": [Function],
+      "bodyStyle": "{\\"options\\":{\\"styleObjectOnly\\":true}}",
+      "cancelButtonProps": undefined,
+      "cancelText": "Cancel",
+      "centered": false,
+      "children": <div
+        style={
+          Object {
+            "border": "1px solid red",
+            "padding": 10,
+          }
+        }
+      >
+        content
+      </div>,
+      "closable": false,
+      "confirmLoading": undefined,
+      "id": "properties: closable: false_modal",
+      "mask": true,
+      "maskClosable": true,
+      "maskStyle": "{\\"options\\":{\\"styleObjectOnly\\":true}}",
+      "okButtonProps": undefined,
+      "okText": "Ok",
+      "okType": "primary",
+      "onCancel": [Function],
+      "onOk": [Function],
+      "title": undefined,
+      "visible": true,
+      "width": undefined,
+      "wrapClassName": "{}",
+      "zIndex": undefined,
+    },
+    Object {},
+  ],
+]
+`;
+
+exports[`Mock for method: {"name":"setOpen","args":{"open":true}} - properties: footer: false - value[0] - default 1`] = `
+Array [
+  Array [
+    Object {
+      "afterClose": [Function],
+      "bodyStyle": "{\\"options\\":{\\"styleObjectOnly\\":true}}",
+      "cancelButtonProps": undefined,
+      "cancelText": "Cancel",
+      "centered": false,
+      "children": <div
+        style={
+          Object {
+            "border": "1px solid red",
+            "padding": 10,
+          }
+        }
+      >
+        content
+      </div>,
+      "closable": true,
+      "confirmLoading": undefined,
+      "footer": null,
+      "id": "properties: footer: false_modal",
+      "mask": true,
+      "maskClosable": true,
+      "maskStyle": "{\\"options\\":{\\"styleObjectOnly\\":true}}",
+      "okButtonProps": undefined,
+      "okText": "Ok",
+      "okType": "primary",
+      "onCancel": [Function],
+      "onOk": [Function],
+      "title": undefined,
+      "visible": false,
+      "width": undefined,
+      "wrapClassName": "{}",
+      "zIndex": undefined,
+    },
+    Object {},
+  ],
+  Array [
+    Object {
+      "afterClose": [Function],
+      "bodyStyle": "{\\"options\\":{\\"styleObjectOnly\\":true}}",
+      "cancelButtonProps": undefined,
+      "cancelText": "Cancel",
+      "centered": false,
+      "children": <div
+        style={
+          Object {
+            "border": "1px solid red",
+            "padding": 10,
+          }
+        }
+      >
+        content
+      </div>,
+      "closable": true,
+      "confirmLoading": undefined,
+      "footer": null,
+      "id": "properties: footer: false_modal",
+      "mask": true,
+      "maskClosable": true,
+      "maskStyle": "{\\"options\\":{\\"styleObjectOnly\\":true}}",
+      "okButtonProps": undefined,
+      "okText": "Ok",
+      "okType": "primary",
+      "onCancel": [Function],
+      "onOk": [Function],
+      "title": undefined,
+      "visible": true,
+      "width": undefined,
+      "wrapClassName": "{}",
+      "zIndex": undefined,
+    },
+    Object {},
+  ],
+]
+`;
+
+exports[`Mock for method: {"name":"setOpen","args":{"open":true}} - properties: mask: false - value[0] - default 1`] = `
+Array [
+  Array [
+    Object {
+      "afterClose": [Function],
+      "bodyStyle": "{\\"options\\":{\\"styleObjectOnly\\":true}}",
+      "cancelButtonProps": undefined,
+      "cancelText": "Cancel",
+      "centered": false,
+      "children": <div
+        style={
+          Object {
+            "border": "1px solid red",
+            "padding": 10,
+          }
+        }
+      >
+        content
+      </div>,
+      "closable": true,
+      "confirmLoading": undefined,
+      "id": "properties: mask: false_modal",
+      "mask": false,
+      "maskClosable": true,
+      "maskStyle": "{\\"options\\":{\\"styleObjectOnly\\":true}}",
+      "okButtonProps": undefined,
+      "okText": "Ok",
+      "okType": "primary",
+      "onCancel": [Function],
+      "onOk": [Function],
+      "title": undefined,
+      "visible": false,
+      "width": undefined,
+      "wrapClassName": "{}",
+      "zIndex": undefined,
+    },
+    Object {},
+  ],
+  Array [
+    Object {
+      "afterClose": [Function],
+      "bodyStyle": "{\\"options\\":{\\"styleObjectOnly\\":true}}",
+      "cancelButtonProps": undefined,
+      "cancelText": "Cancel",
+      "centered": false,
+      "children": <div
+        style={
+          Object {
+            "border": "1px solid red",
+            "padding": 10,
+          }
+        }
+      >
+        content
+      </div>,
+      "closable": true,
+      "confirmLoading": undefined,
+      "id": "properties: mask: false_modal",
+      "mask": false,
+      "maskClosable": true,
+      "maskStyle": "{\\"options\\":{\\"styleObjectOnly\\":true}}",
+      "okButtonProps": undefined,
+      "okText": "Ok",
+      "okType": "primary",
+      "onCancel": [Function],
+      "onOk": [Function],
+      "title": undefined,
+      "visible": true,
+      "width": undefined,
+      "wrapClassName": "{}",
+      "zIndex": undefined,
+    },
+    Object {},
+  ],
+]
+`;
+
+exports[`Mock for method: {"name":"setOpen","args":{"open":true}} - properties: maskClosable: false - value[0] - default 1`] = `
+Array [
+  Array [
+    Object {
+      "afterClose": [Function],
+      "bodyStyle": "{\\"options\\":{\\"styleObjectOnly\\":true}}",
+      "cancelButtonProps": undefined,
+      "cancelText": "Cancel",
+      "centered": false,
+      "children": <div
+        style={
+          Object {
+            "border": "1px solid red",
+            "padding": 10,
+          }
+        }
+      >
+        content
+      </div>,
+      "closable": true,
+      "confirmLoading": undefined,
+      "id": "properties: maskClosable: false_modal",
+      "mask": true,
+      "maskClosable": false,
+      "maskStyle": "{\\"options\\":{\\"styleObjectOnly\\":true}}",
+      "okButtonProps": undefined,
+      "okText": "Ok",
+      "okType": "primary",
+      "onCancel": [Function],
+      "onOk": [Function],
+      "title": undefined,
+      "visible": false,
+      "width": undefined,
+      "wrapClassName": "{}",
+      "zIndex": undefined,
+    },
+    Object {},
+  ],
+  Array [
+    Object {
+      "afterClose": [Function],
+      "bodyStyle": "{\\"options\\":{\\"styleObjectOnly\\":true}}",
+      "cancelButtonProps": undefined,
+      "cancelText": "Cancel",
+      "centered": false,
+      "children": <div
+        style={
+          Object {
+            "border": "1px solid red",
+            "padding": 10,
+          }
+        }
+      >
+        content
+      </div>,
+      "closable": true,
+      "confirmLoading": undefined,
+      "id": "properties: maskClosable: false_modal",
+      "mask": true,
+      "maskClosable": false,
+      "maskStyle": "{\\"options\\":{\\"styleObjectOnly\\":true}}",
+      "okButtonProps": undefined,
+      "okText": "Ok",
+      "okType": "primary",
+      "onCancel": [Function],
+      "onOk": [Function],
+      "title": undefined,
+      "visible": true,
+      "width": undefined,
+      "wrapClassName": "{}",
+      "zIndex": undefined,
+    },
+    Object {},
+  ],
+]
+`;
+
+exports[`Mock for method: {"name":"setOpen","args":{"open":true}} - properties: maskStyle: border: 10px solid blue - value[0] - default 1`] = `
+Array [
+  Array [
+    Object {
+      "afterClose": [Function],
+      "bodyStyle": "{\\"options\\":{\\"styleObjectOnly\\":true}}",
+      "cancelButtonProps": undefined,
+      "cancelText": "Cancel",
+      "centered": false,
+      "children": <div
+        style={
+          Object {
+            "border": "1px solid red",
+            "padding": 10,
+          }
+        }
+      >
+        content
+      </div>,
+      "closable": true,
+      "confirmLoading": undefined,
+      "id": "properties: maskStyle: border: 10px solid blue_modal",
+      "mask": true,
+      "maskClosable": true,
+      "maskStyle": "{\\"style\\":{\\"border\\":\\"10px solid blue\\"},\\"options\\":{\\"styleObjectOnly\\":true}}",
+      "okButtonProps": undefined,
+      "okText": "Ok",
+      "okType": "primary",
+      "onCancel": [Function],
+      "onOk": [Function],
+      "title": undefined,
+      "visible": false,
+      "width": undefined,
+      "wrapClassName": "{}",
+      "zIndex": undefined,
+    },
+    Object {},
+  ],
+  Array [
+    Object {
+      "afterClose": [Function],
+      "bodyStyle": "{\\"options\\":{\\"styleObjectOnly\\":true}}",
+      "cancelButtonProps": undefined,
+      "cancelText": "Cancel",
+      "centered": false,
+      "children": <div
+        style={
+          Object {
+            "border": "1px solid red",
+            "padding": 10,
+          }
+        }
+      >
+        content
+      </div>,
+      "closable": true,
+      "confirmLoading": undefined,
+      "id": "properties: maskStyle: border: 10px solid blue_modal",
+      "mask": true,
+      "maskClosable": true,
+      "maskStyle": "{\\"style\\":{\\"border\\":\\"10px solid blue\\"},\\"options\\":{\\"styleObjectOnly\\":true}}",
+      "okButtonProps": undefined,
+      "okText": "Ok",
+      "okType": "primary",
+      "onCancel": [Function],
+      "onOk": [Function],
+      "title": undefined,
+      "visible": true,
+      "width": undefined,
+      "wrapClassName": "{}",
+      "zIndex": undefined,
+    },
+    Object {},
+  ],
+]
+`;
+
+exports[`Mock for method: {"name":"setOpen","args":{"open":true}} - properties: okText: Text of the OK button - value[0] - default 1`] = `
+Array [
+  Array [
+    Object {
+      "afterClose": [Function],
+      "bodyStyle": "{\\"options\\":{\\"styleObjectOnly\\":true}}",
+      "cancelButtonProps": undefined,
+      "cancelText": "Cancel",
+      "centered": false,
+      "children": <div
+        style={
+          Object {
+            "border": "1px solid red",
+            "padding": 10,
+          }
+        }
+      >
+        content
+      </div>,
+      "closable": true,
+      "confirmLoading": undefined,
+      "id": "properties: okText: Text of the OK button_modal",
+      "mask": true,
+      "maskClosable": true,
+      "maskStyle": "{\\"options\\":{\\"styleObjectOnly\\":true}}",
+      "okButtonProps": undefined,
+      "okText": "Text of the OK button",
+      "okType": "primary",
+      "onCancel": [Function],
+      "onOk": [Function],
+      "title": undefined,
+      "visible": false,
+      "width": undefined,
+      "wrapClassName": "{}",
+      "zIndex": undefined,
+    },
+    Object {},
+  ],
+  Array [
+    Object {
+      "afterClose": [Function],
+      "bodyStyle": "{\\"options\\":{\\"styleObjectOnly\\":true}}",
+      "cancelButtonProps": undefined,
+      "cancelText": "Cancel",
+      "centered": false,
+      "children": <div
+        style={
+          Object {
+            "border": "1px solid red",
+            "padding": 10,
+          }
+        }
+      >
+        content
+      </div>,
+      "closable": true,
+      "confirmLoading": undefined,
+      "id": "properties: okText: Text of the OK button_modal",
+      "mask": true,
+      "maskClosable": true,
+      "maskStyle": "{\\"options\\":{\\"styleObjectOnly\\":true}}",
+      "okButtonProps": undefined,
+      "okText": "Text of the OK button",
+      "okType": "primary",
+      "onCancel": [Function],
+      "onOk": [Function],
+      "title": undefined,
+      "visible": true,
+      "width": undefined,
+      "wrapClassName": "{}",
+      "zIndex": undefined,
+    },
+    Object {},
+  ],
+]
+`;
+
+exports[`Mock for method: {"name":"setOpen","args":{"open":true}} - properties: width: 350px - 520px is default - value[0] - default 1`] = `
+Array [
+  Array [
+    Object {
+      "afterClose": [Function],
+      "bodyStyle": "{\\"options\\":{\\"styleObjectOnly\\":true}}",
+      "cancelButtonProps": undefined,
+      "cancelText": "Cancel",
+      "centered": false,
+      "children": <div
+        style={
+          Object {
+            "border": "1px solid red",
+            "padding": 10,
+          }
+        }
+      >
+        content
+      </div>,
+      "closable": true,
+      "confirmLoading": undefined,
+      "id": "properties: width: 350px - 520px is default_modal",
+      "mask": true,
+      "maskClosable": true,
+      "maskStyle": "{\\"options\\":{\\"styleObjectOnly\\":true}}",
+      "okButtonProps": undefined,
+      "okText": "Ok",
+      "okType": "primary",
+      "onCancel": [Function],
+      "onOk": [Function],
+      "title": undefined,
+      "visible": false,
+      "width": 350,
+      "wrapClassName": "{}",
+      "zIndex": undefined,
+    },
+    Object {},
+  ],
+  Array [
+    Object {
+      "afterClose": [Function],
+      "bodyStyle": "{\\"options\\":{\\"styleObjectOnly\\":true}}",
+      "cancelButtonProps": undefined,
+      "cancelText": "Cancel",
+      "centered": false,
+      "children": <div
+        style={
+          Object {
+            "border": "1px solid red",
+            "padding": 10,
+          }
+        }
+      >
+        content
+      </div>,
+      "closable": true,
+      "confirmLoading": undefined,
+      "id": "properties: width: 350px - 520px is default_modal",
+      "mask": true,
+      "maskClosable": true,
+      "maskStyle": "{\\"options\\":{\\"styleObjectOnly\\":true}}",
+      "okButtonProps": undefined,
+      "okText": "Ok",
+      "okType": "primary",
+      "onCancel": [Function],
+      "onOk": [Function],
+      "title": undefined,
+      "visible": true,
+      "width": 350,
+      "wrapClassName": "{}",
+      "zIndex": undefined,
+    },
+    Object {},
+  ],
+]
+`;
+
+exports[`Mock for method: {"name":"setOpen","args":{"open":true}} - properties: wrapperStyle: border: 10px solid blue - value[0] - default 1`] = `
+Array [
+  Array [
+    Object {
+      "afterClose": [Function],
+      "bodyStyle": "{\\"options\\":{\\"styleObjectOnly\\":true}}",
+      "cancelButtonProps": undefined,
+      "cancelText": "Cancel",
+      "centered": false,
+      "children": <div
+        style={
+          Object {
+            "border": "1px solid red",
+            "padding": 10,
+          }
+        }
+      >
+        content
+      </div>,
+      "closable": true,
+      "confirmLoading": undefined,
+      "id": "properties: wrapperStyle: border: 10px solid blue_modal",
+      "mask": true,
+      "maskClosable": true,
+      "maskStyle": "{\\"options\\":{\\"styleObjectOnly\\":true}}",
+      "okButtonProps": undefined,
+      "okText": "Ok",
+      "okType": "primary",
+      "onCancel": [Function],
+      "onOk": [Function],
+      "title": undefined,
+      "visible": false,
+      "width": undefined,
+      "wrapClassName": "{\\"style\\":{\\"border\\":\\"10px solid blue\\"}}",
+      "zIndex": undefined,
+    },
+    Object {},
+  ],
+  Array [
+    Object {
+      "afterClose": [Function],
+      "bodyStyle": "{\\"options\\":{\\"styleObjectOnly\\":true}}",
+      "cancelButtonProps": undefined,
+      "cancelText": "Cancel",
+      "centered": false,
+      "children": <div
+        style={
+          Object {
+            "border": "1px solid red",
+            "padding": 10,
+          }
+        }
+      >
+        content
+      </div>,
+      "closable": true,
+      "confirmLoading": undefined,
+      "id": "properties: wrapperStyle: border: 10px solid blue_modal",
+      "mask": true,
+      "maskClosable": true,
+      "maskStyle": "{\\"options\\":{\\"styleObjectOnly\\":true}}",
+      "okButtonProps": undefined,
+      "okText": "Ok",
+      "okType": "primary",
+      "onCancel": [Function],
+      "onOk": [Function],
+      "title": undefined,
+      "visible": true,
+      "width": undefined,
+      "wrapClassName": "{\\"style\\":{\\"border\\":\\"10px solid blue\\"}}",
+      "zIndex": undefined,
+    },
+    Object {},
+  ],
+]
+`;
+
+exports[`Mock for method: {"name":"setOpen","args":{"open":true}} - properties: zIndex: 1200 - 1000 is the default - value[0] - default 1`] = `
+Array [
+  Array [
+    Object {
+      "afterClose": [Function],
+      "bodyStyle": "{\\"options\\":{\\"styleObjectOnly\\":true}}",
+      "cancelButtonProps": undefined,
+      "cancelText": "Cancel",
+      "centered": false,
+      "children": <div
+        style={
+          Object {
+            "border": "1px solid red",
+            "padding": 10,
+          }
+        }
+      >
+        content
+      </div>,
+      "closable": true,
+      "confirmLoading": undefined,
+      "id": "properties: zIndex: 1200 - 1000 is the default_modal",
+      "mask": true,
+      "maskClosable": true,
+      "maskStyle": "{\\"options\\":{\\"styleObjectOnly\\":true}}",
+      "okButtonProps": undefined,
+      "okText": "Ok",
+      "okType": "primary",
+      "onCancel": [Function],
+      "onOk": [Function],
+      "title": undefined,
+      "visible": false,
+      "width": undefined,
+      "wrapClassName": "{}",
+      "zIndex": 1200,
+    },
+    Object {},
+  ],
+  Array [
+    Object {
+      "afterClose": [Function],
+      "bodyStyle": "{\\"options\\":{\\"styleObjectOnly\\":true}}",
+      "cancelButtonProps": undefined,
+      "cancelText": "Cancel",
+      "centered": false,
+      "children": <div
+        style={
+          Object {
+            "border": "1px solid red",
+            "padding": 10,
+          }
+        }
+      >
+        content
+      </div>,
+      "closable": true,
+      "confirmLoading": undefined,
+      "id": "properties: zIndex: 1200 - 1000 is the default_modal",
+      "mask": true,
+      "maskClosable": true,
+      "maskStyle": "{\\"options\\":{\\"styleObjectOnly\\":true}}",
+      "okButtonProps": undefined,
+      "okText": "Ok",
+      "okType": "primary",
+      "onCancel": [Function],
+      "onOk": [Function],
+      "title": undefined,
+      "visible": true,
+      "width": undefined,
+      "wrapClassName": "{}",
+      "zIndex": 1200,
+    },
+    Object {},
+  ],
+]
+`;
+
+exports[`Mock for method: {"name":"toggleOpen","args":{}} - default - value[0] - default 1`] = `
+Array [
+  Array [
+    Object {
+      "afterClose": [Function],
+      "bodyStyle": "{\\"options\\":{\\"styleObjectOnly\\":true}}",
+      "cancelButtonProps": undefined,
+      "cancelText": "Cancel",
+      "centered": false,
+      "children": <div
+        style={
+          Object {
+            "border": "1px solid red",
+            "padding": 10,
+          }
+        }
+      >
+        content
+      </div>,
+      "closable": true,
+      "confirmLoading": undefined,
+      "id": "default_modal",
+      "mask": true,
+      "maskClosable": true,
+      "maskStyle": "{\\"options\\":{\\"styleObjectOnly\\":true}}",
+      "okButtonProps": undefined,
+      "okText": "Ok",
+      "okType": "primary",
+      "onCancel": [Function],
+      "onOk": [Function],
+      "title": undefined,
+      "visible": false,
+      "width": undefined,
+      "wrapClassName": "{}",
+      "zIndex": undefined,
+    },
+    Object {},
+  ],
+  Array [
+    Object {
+      "afterClose": [Function],
+      "bodyStyle": "{\\"options\\":{\\"styleObjectOnly\\":true}}",
+      "cancelButtonProps": undefined,
+      "cancelText": "Cancel",
+      "centered": false,
+      "children": <div
+        style={
+          Object {
+            "border": "1px solid red",
+            "padding": 10,
+          }
+        }
+      >
+        content
+      </div>,
+      "closable": true,
+      "confirmLoading": undefined,
+      "id": "default_modal",
+      "mask": true,
+      "maskClosable": true,
+      "maskStyle": "{\\"options\\":{\\"styleObjectOnly\\":true}}",
+      "okButtonProps": undefined,
+      "okText": "Ok",
+      "okType": "primary",
+      "onCancel": [Function],
+      "onOk": [Function],
+      "title": undefined,
+      "visible": true,
+      "width": undefined,
+      "wrapClassName": "{}",
+      "zIndex": undefined,
+    },
+    Object {},
+  ],
+]
+`;
+
+exports[`Mock for method: {"name":"toggleOpen","args":{}} - properties.title - value[0] - default 1`] = `
+Array [
+  Array [
+    Object {
+      "afterClose": [Function],
+      "bodyStyle": "{\\"options\\":{\\"styleObjectOnly\\":true}}",
+      "cancelButtonProps": undefined,
+      "cancelText": "Cancel",
+      "centered": false,
+      "children": <div
+        style={
+          Object {
+            "border": "1px solid red",
+            "padding": 10,
+          }
+        }
+      >
+        content
+      </div>,
+      "closable": true,
+      "confirmLoading": undefined,
+      "id": "properties.title_modal",
+      "mask": true,
+      "maskClosable": true,
+      "maskStyle": "{\\"options\\":{\\"styleObjectOnly\\":true}}",
+      "okButtonProps": undefined,
+      "okText": "Ok",
+      "okType": "primary",
+      "onCancel": [Function],
+      "onOk": [Function],
+      "title": "Modal title",
+      "visible": false,
+      "width": undefined,
+      "wrapClassName": "{}",
+      "zIndex": undefined,
+    },
+    Object {},
+  ],
+  Array [
+    Object {
+      "afterClose": [Function],
+      "bodyStyle": "{\\"options\\":{\\"styleObjectOnly\\":true}}",
+      "cancelButtonProps": undefined,
+      "cancelText": "Cancel",
+      "centered": false,
+      "children": <div
+        style={
+          Object {
+            "border": "1px solid red",
+            "padding": 10,
+          }
+        }
+      >
+        content
+      </div>,
+      "closable": true,
+      "confirmLoading": undefined,
+      "id": "properties.title_modal",
+      "mask": true,
+      "maskClosable": true,
+      "maskStyle": "{\\"options\\":{\\"styleObjectOnly\\":true}}",
+      "okButtonProps": undefined,
+      "okText": "Ok",
+      "okType": "primary",
+      "onCancel": [Function],
+      "onOk": [Function],
+      "title": "Modal title",
+      "visible": true,
+      "width": undefined,
+      "wrapClassName": "{}",
+      "zIndex": undefined,
+    },
+    Object {},
+  ],
+]
+`;
+
+exports[`Mock for method: {"name":"toggleOpen","args":{}} - properties: bodyStyle: border: 10px solid blue - value[0] - default 1`] = `
+Array [
+  Array [
+    Object {
+      "afterClose": [Function],
+      "bodyStyle": "{\\"style\\":{\\"border\\":\\"10px solid blue\\"},\\"options\\":{\\"styleObjectOnly\\":true}}",
+      "cancelButtonProps": undefined,
+      "cancelText": "Cancel",
+      "centered": false,
+      "children": <div
+        style={
+          Object {
+            "border": "1px solid red",
+            "padding": 10,
+          }
+        }
+      >
+        content
+      </div>,
+      "closable": true,
+      "confirmLoading": undefined,
+      "id": "properties: bodyStyle: border: 10px solid blue_modal",
+      "mask": true,
+      "maskClosable": true,
+      "maskStyle": "{\\"options\\":{\\"styleObjectOnly\\":true}}",
+      "okButtonProps": undefined,
+      "okText": "Ok",
+      "okType": "primary",
+      "onCancel": [Function],
+      "onOk": [Function],
+      "title": undefined,
+      "visible": false,
+      "width": undefined,
+      "wrapClassName": "{}",
+      "zIndex": undefined,
+    },
+    Object {},
+  ],
+  Array [
+    Object {
+      "afterClose": [Function],
+      "bodyStyle": "{\\"style\\":{\\"border\\":\\"10px solid blue\\"},\\"options\\":{\\"styleObjectOnly\\":true}}",
+      "cancelButtonProps": undefined,
+      "cancelText": "Cancel",
+      "centered": false,
+      "children": <div
+        style={
+          Object {
+            "border": "1px solid red",
+            "padding": 10,
+          }
+        }
+      >
+        content
+      </div>,
+      "closable": true,
+      "confirmLoading": undefined,
+      "id": "properties: bodyStyle: border: 10px solid blue_modal",
+      "mask": true,
+      "maskClosable": true,
+      "maskStyle": "{\\"options\\":{\\"styleObjectOnly\\":true}}",
+      "okButtonProps": undefined,
+      "okText": "Ok",
+      "okType": "primary",
+      "onCancel": [Function],
+      "onOk": [Function],
+      "title": undefined,
+      "visible": true,
+      "width": undefined,
+      "wrapClassName": "{}",
+      "zIndex": undefined,
+    },
+    Object {},
+  ],
+]
+`;
+
+exports[`Mock for method: {"name":"toggleOpen","args":{}} - properties: cancelText: Text of the Cancel button - value[0] - default 1`] = `
+Array [
+  Array [
+    Object {
+      "afterClose": [Function],
+      "bodyStyle": "{\\"options\\":{\\"styleObjectOnly\\":true}}",
+      "cancelButtonProps": undefined,
+      "cancelText": "Text of the Cancel button",
+      "centered": false,
+      "children": <div
+        style={
+          Object {
+            "border": "1px solid red",
+            "padding": 10,
+          }
+        }
+      >
+        content
+      </div>,
+      "closable": true,
+      "confirmLoading": undefined,
+      "id": "properties: cancelText: Text of the Cancel button_modal",
+      "mask": true,
+      "maskClosable": true,
+      "maskStyle": "{\\"options\\":{\\"styleObjectOnly\\":true}}",
+      "okButtonProps": undefined,
+      "okText": "Ok",
+      "okType": "primary",
+      "onCancel": [Function],
+      "onOk": [Function],
+      "title": undefined,
+      "visible": false,
+      "width": undefined,
+      "wrapClassName": "{}",
+      "zIndex": undefined,
+    },
+    Object {},
+  ],
+  Array [
+    Object {
+      "afterClose": [Function],
+      "bodyStyle": "{\\"options\\":{\\"styleObjectOnly\\":true}}",
+      "cancelButtonProps": undefined,
+      "cancelText": "Text of the Cancel button",
+      "centered": false,
+      "children": <div
+        style={
+          Object {
+            "border": "1px solid red",
+            "padding": 10,
+          }
+        }
+      >
+        content
+      </div>,
+      "closable": true,
+      "confirmLoading": undefined,
+      "id": "properties: cancelText: Text of the Cancel button_modal",
+      "mask": true,
+      "maskClosable": true,
+      "maskStyle": "{\\"options\\":{\\"styleObjectOnly\\":true}}",
+      "okButtonProps": undefined,
+      "okText": "Ok",
+      "okType": "primary",
+      "onCancel": [Function],
+      "onOk": [Function],
+      "title": undefined,
+      "visible": true,
+      "width": undefined,
+      "wrapClassName": "{}",
+      "zIndex": undefined,
+    },
+    Object {},
+  ],
+]
+`;
+
+exports[`Mock for method: {"name":"toggleOpen","args":{}} - properties: centered: true - value[0] - default 1`] = `
+Array [
+  Array [
+    Object {
+      "afterClose": [Function],
+      "bodyStyle": "{\\"options\\":{\\"styleObjectOnly\\":true}}",
+      "cancelButtonProps": undefined,
+      "cancelText": "Cancel",
+      "centered": true,
+      "children": <div
+        style={
+          Object {
+            "border": "1px solid red",
+            "padding": 10,
+          }
+        }
+      >
+        content
+      </div>,
+      "closable": true,
+      "confirmLoading": undefined,
+      "id": "properties: centered: true_modal",
+      "mask": true,
+      "maskClosable": true,
+      "maskStyle": "{\\"options\\":{\\"styleObjectOnly\\":true}}",
+      "okButtonProps": undefined,
+      "okText": "Ok",
+      "okType": "primary",
+      "onCancel": [Function],
+      "onOk": [Function],
+      "title": undefined,
+      "visible": false,
+      "width": undefined,
+      "wrapClassName": "{}",
+      "zIndex": undefined,
+    },
+    Object {},
+  ],
+  Array [
+    Object {
+      "afterClose": [Function],
+      "bodyStyle": "{\\"options\\":{\\"styleObjectOnly\\":true}}",
+      "cancelButtonProps": undefined,
+      "cancelText": "Cancel",
+      "centered": true,
+      "children": <div
+        style={
+          Object {
+            "border": "1px solid red",
+            "padding": 10,
+          }
+        }
+      >
+        content
+      </div>,
+      "closable": true,
+      "confirmLoading": undefined,
+      "id": "properties: centered: true_modal",
+      "mask": true,
+      "maskClosable": true,
+      "maskStyle": "{\\"options\\":{\\"styleObjectOnly\\":true}}",
+      "okButtonProps": undefined,
+      "okText": "Ok",
+      "okType": "primary",
+      "onCancel": [Function],
+      "onOk": [Function],
+      "title": undefined,
+      "visible": true,
+      "width": undefined,
+      "wrapClassName": "{}",
+      "zIndex": undefined,
+    },
+    Object {},
+  ],
+]
+`;
+
+exports[`Mock for method: {"name":"toggleOpen","args":{}} - properties: closable: false - value[0] - default 1`] = `
+Array [
+  Array [
+    Object {
+      "afterClose": [Function],
+      "bodyStyle": "{\\"options\\":{\\"styleObjectOnly\\":true}}",
+      "cancelButtonProps": undefined,
+      "cancelText": "Cancel",
+      "centered": false,
+      "children": <div
+        style={
+          Object {
+            "border": "1px solid red",
+            "padding": 10,
+          }
+        }
+      >
+        content
+      </div>,
+      "closable": false,
+      "confirmLoading": undefined,
+      "id": "properties: closable: false_modal",
+      "mask": true,
+      "maskClosable": true,
+      "maskStyle": "{\\"options\\":{\\"styleObjectOnly\\":true}}",
+      "okButtonProps": undefined,
+      "okText": "Ok",
+      "okType": "primary",
+      "onCancel": [Function],
+      "onOk": [Function],
+      "title": undefined,
+      "visible": false,
+      "width": undefined,
+      "wrapClassName": "{}",
+      "zIndex": undefined,
+    },
+    Object {},
+  ],
+  Array [
+    Object {
+      "afterClose": [Function],
+      "bodyStyle": "{\\"options\\":{\\"styleObjectOnly\\":true}}",
+      "cancelButtonProps": undefined,
+      "cancelText": "Cancel",
+      "centered": false,
+      "children": <div
+        style={
+          Object {
+            "border": "1px solid red",
+            "padding": 10,
+          }
+        }
+      >
+        content
+      </div>,
+      "closable": false,
+      "confirmLoading": undefined,
+      "id": "properties: closable: false_modal",
+      "mask": true,
+      "maskClosable": true,
+      "maskStyle": "{\\"options\\":{\\"styleObjectOnly\\":true}}",
+      "okButtonProps": undefined,
+      "okText": "Ok",
+      "okType": "primary",
+      "onCancel": [Function],
+      "onOk": [Function],
+      "title": undefined,
+      "visible": true,
+      "width": undefined,
+      "wrapClassName": "{}",
+      "zIndex": undefined,
+    },
+    Object {},
+  ],
+]
+`;
+
+exports[`Mock for method: {"name":"toggleOpen","args":{}} - properties: footer: false - value[0] - default 1`] = `
+Array [
+  Array [
+    Object {
+      "afterClose": [Function],
+      "bodyStyle": "{\\"options\\":{\\"styleObjectOnly\\":true}}",
+      "cancelButtonProps": undefined,
+      "cancelText": "Cancel",
+      "centered": false,
+      "children": <div
+        style={
+          Object {
+            "border": "1px solid red",
+            "padding": 10,
+          }
+        }
+      >
+        content
+      </div>,
+      "closable": true,
+      "confirmLoading": undefined,
+      "footer": null,
+      "id": "properties: footer: false_modal",
+      "mask": true,
+      "maskClosable": true,
+      "maskStyle": "{\\"options\\":{\\"styleObjectOnly\\":true}}",
+      "okButtonProps": undefined,
+      "okText": "Ok",
+      "okType": "primary",
+      "onCancel": [Function],
+      "onOk": [Function],
+      "title": undefined,
+      "visible": false,
+      "width": undefined,
+      "wrapClassName": "{}",
+      "zIndex": undefined,
+    },
+    Object {},
+  ],
+  Array [
+    Object {
+      "afterClose": [Function],
+      "bodyStyle": "{\\"options\\":{\\"styleObjectOnly\\":true}}",
+      "cancelButtonProps": undefined,
+      "cancelText": "Cancel",
+      "centered": false,
+      "children": <div
+        style={
+          Object {
+            "border": "1px solid red",
+            "padding": 10,
+          }
+        }
+      >
+        content
+      </div>,
+      "closable": true,
+      "confirmLoading": undefined,
+      "footer": null,
+      "id": "properties: footer: false_modal",
+      "mask": true,
+      "maskClosable": true,
+      "maskStyle": "{\\"options\\":{\\"styleObjectOnly\\":true}}",
+      "okButtonProps": undefined,
+      "okText": "Ok",
+      "okType": "primary",
+      "onCancel": [Function],
+      "onOk": [Function],
+      "title": undefined,
+      "visible": true,
+      "width": undefined,
+      "wrapClassName": "{}",
+      "zIndex": undefined,
+    },
+    Object {},
+  ],
+]
+`;
+
+exports[`Mock for method: {"name":"toggleOpen","args":{}} - properties: mask: false - value[0] - default 1`] = `
+Array [
+  Array [
+    Object {
+      "afterClose": [Function],
+      "bodyStyle": "{\\"options\\":{\\"styleObjectOnly\\":true}}",
+      "cancelButtonProps": undefined,
+      "cancelText": "Cancel",
+      "centered": false,
+      "children": <div
+        style={
+          Object {
+            "border": "1px solid red",
+            "padding": 10,
+          }
+        }
+      >
+        content
+      </div>,
+      "closable": true,
+      "confirmLoading": undefined,
+      "id": "properties: mask: false_modal",
+      "mask": false,
+      "maskClosable": true,
+      "maskStyle": "{\\"options\\":{\\"styleObjectOnly\\":true}}",
+      "okButtonProps": undefined,
+      "okText": "Ok",
+      "okType": "primary",
+      "onCancel": [Function],
+      "onOk": [Function],
+      "title": undefined,
+      "visible": false,
+      "width": undefined,
+      "wrapClassName": "{}",
+      "zIndex": undefined,
+    },
+    Object {},
+  ],
+  Array [
+    Object {
+      "afterClose": [Function],
+      "bodyStyle": "{\\"options\\":{\\"styleObjectOnly\\":true}}",
+      "cancelButtonProps": undefined,
+      "cancelText": "Cancel",
+      "centered": false,
+      "children": <div
+        style={
+          Object {
+            "border": "1px solid red",
+            "padding": 10,
+          }
+        }
+      >
+        content
+      </div>,
+      "closable": true,
+      "confirmLoading": undefined,
+      "id": "properties: mask: false_modal",
+      "mask": false,
+      "maskClosable": true,
+      "maskStyle": "{\\"options\\":{\\"styleObjectOnly\\":true}}",
+      "okButtonProps": undefined,
+      "okText": "Ok",
+      "okType": "primary",
+      "onCancel": [Function],
+      "onOk": [Function],
+      "title": undefined,
+      "visible": true,
+      "width": undefined,
+      "wrapClassName": "{}",
+      "zIndex": undefined,
+    },
+    Object {},
+  ],
+]
+`;
+
+exports[`Mock for method: {"name":"toggleOpen","args":{}} - properties: maskClosable: false - value[0] - default 1`] = `
+Array [
+  Array [
+    Object {
+      "afterClose": [Function],
+      "bodyStyle": "{\\"options\\":{\\"styleObjectOnly\\":true}}",
+      "cancelButtonProps": undefined,
+      "cancelText": "Cancel",
+      "centered": false,
+      "children": <div
+        style={
+          Object {
+            "border": "1px solid red",
+            "padding": 10,
+          }
+        }
+      >
+        content
+      </div>,
+      "closable": true,
+      "confirmLoading": undefined,
+      "id": "properties: maskClosable: false_modal",
+      "mask": true,
+      "maskClosable": false,
+      "maskStyle": "{\\"options\\":{\\"styleObjectOnly\\":true}}",
+      "okButtonProps": undefined,
+      "okText": "Ok",
+      "okType": "primary",
+      "onCancel": [Function],
+      "onOk": [Function],
+      "title": undefined,
+      "visible": false,
+      "width": undefined,
+      "wrapClassName": "{}",
+      "zIndex": undefined,
+    },
+    Object {},
+  ],
+  Array [
+    Object {
+      "afterClose": [Function],
+      "bodyStyle": "{\\"options\\":{\\"styleObjectOnly\\":true}}",
+      "cancelButtonProps": undefined,
+      "cancelText": "Cancel",
+      "centered": false,
+      "children": <div
+        style={
+          Object {
+            "border": "1px solid red",
+            "padding": 10,
+          }
+        }
+      >
+        content
+      </div>,
+      "closable": true,
+      "confirmLoading": undefined,
+      "id": "properties: maskClosable: false_modal",
+      "mask": true,
+      "maskClosable": false,
+      "maskStyle": "{\\"options\\":{\\"styleObjectOnly\\":true}}",
+      "okButtonProps": undefined,
+      "okText": "Ok",
+      "okType": "primary",
+      "onCancel": [Function],
+      "onOk": [Function],
+      "title": undefined,
+      "visible": true,
+      "width": undefined,
+      "wrapClassName": "{}",
+      "zIndex": undefined,
+    },
+    Object {},
+  ],
+]
+`;
+
+exports[`Mock for method: {"name":"toggleOpen","args":{}} - properties: maskStyle: border: 10px solid blue - value[0] - default 1`] = `
+Array [
+  Array [
+    Object {
+      "afterClose": [Function],
+      "bodyStyle": "{\\"options\\":{\\"styleObjectOnly\\":true}}",
+      "cancelButtonProps": undefined,
+      "cancelText": "Cancel",
+      "centered": false,
+      "children": <div
+        style={
+          Object {
+            "border": "1px solid red",
+            "padding": 10,
+          }
+        }
+      >
+        content
+      </div>,
+      "closable": true,
+      "confirmLoading": undefined,
+      "id": "properties: maskStyle: border: 10px solid blue_modal",
+      "mask": true,
+      "maskClosable": true,
+      "maskStyle": "{\\"style\\":{\\"border\\":\\"10px solid blue\\"},\\"options\\":{\\"styleObjectOnly\\":true}}",
+      "okButtonProps": undefined,
+      "okText": "Ok",
+      "okType": "primary",
+      "onCancel": [Function],
+      "onOk": [Function],
+      "title": undefined,
+      "visible": false,
+      "width": undefined,
+      "wrapClassName": "{}",
+      "zIndex": undefined,
+    },
+    Object {},
+  ],
+  Array [
+    Object {
+      "afterClose": [Function],
+      "bodyStyle": "{\\"options\\":{\\"styleObjectOnly\\":true}}",
+      "cancelButtonProps": undefined,
+      "cancelText": "Cancel",
+      "centered": false,
+      "children": <div
+        style={
+          Object {
+            "border": "1px solid red",
+            "padding": 10,
+          }
+        }
+      >
+        content
+      </div>,
+      "closable": true,
+      "confirmLoading": undefined,
+      "id": "properties: maskStyle: border: 10px solid blue_modal",
+      "mask": true,
+      "maskClosable": true,
+      "maskStyle": "{\\"style\\":{\\"border\\":\\"10px solid blue\\"},\\"options\\":{\\"styleObjectOnly\\":true}}",
+      "okButtonProps": undefined,
+      "okText": "Ok",
+      "okType": "primary",
+      "onCancel": [Function],
+      "onOk": [Function],
+      "title": undefined,
+      "visible": true,
+      "width": undefined,
+      "wrapClassName": "{}",
+      "zIndex": undefined,
+    },
+    Object {},
+  ],
+]
+`;
+
+exports[`Mock for method: {"name":"toggleOpen","args":{}} - properties: okText: Text of the OK button - value[0] - default 1`] = `
+Array [
+  Array [
+    Object {
+      "afterClose": [Function],
+      "bodyStyle": "{\\"options\\":{\\"styleObjectOnly\\":true}}",
+      "cancelButtonProps": undefined,
+      "cancelText": "Cancel",
+      "centered": false,
+      "children": <div
+        style={
+          Object {
+            "border": "1px solid red",
+            "padding": 10,
+          }
+        }
+      >
+        content
+      </div>,
+      "closable": true,
+      "confirmLoading": undefined,
+      "id": "properties: okText: Text of the OK button_modal",
+      "mask": true,
+      "maskClosable": true,
+      "maskStyle": "{\\"options\\":{\\"styleObjectOnly\\":true}}",
+      "okButtonProps": undefined,
+      "okText": "Text of the OK button",
+      "okType": "primary",
+      "onCancel": [Function],
+      "onOk": [Function],
+      "title": undefined,
+      "visible": false,
+      "width": undefined,
+      "wrapClassName": "{}",
+      "zIndex": undefined,
+    },
+    Object {},
+  ],
+  Array [
+    Object {
+      "afterClose": [Function],
+      "bodyStyle": "{\\"options\\":{\\"styleObjectOnly\\":true}}",
+      "cancelButtonProps": undefined,
+      "cancelText": "Cancel",
+      "centered": false,
+      "children": <div
+        style={
+          Object {
+            "border": "1px solid red",
+            "padding": 10,
+          }
+        }
+      >
+        content
+      </div>,
+      "closable": true,
+      "confirmLoading": undefined,
+      "id": "properties: okText: Text of the OK button_modal",
+      "mask": true,
+      "maskClosable": true,
+      "maskStyle": "{\\"options\\":{\\"styleObjectOnly\\":true}}",
+      "okButtonProps": undefined,
+      "okText": "Text of the OK button",
+      "okType": "primary",
+      "onCancel": [Function],
+      "onOk": [Function],
+      "title": undefined,
+      "visible": true,
+      "width": undefined,
+      "wrapClassName": "{}",
+      "zIndex": undefined,
+    },
+    Object {},
+  ],
+]
+`;
+
+exports[`Mock for method: {"name":"toggleOpen","args":{}} - properties: width: 350px - 520px is default - value[0] - default 1`] = `
+Array [
+  Array [
+    Object {
+      "afterClose": [Function],
+      "bodyStyle": "{\\"options\\":{\\"styleObjectOnly\\":true}}",
+      "cancelButtonProps": undefined,
+      "cancelText": "Cancel",
+      "centered": false,
+      "children": <div
+        style={
+          Object {
+            "border": "1px solid red",
+            "padding": 10,
+          }
+        }
+      >
+        content
+      </div>,
+      "closable": true,
+      "confirmLoading": undefined,
+      "id": "properties: width: 350px - 520px is default_modal",
+      "mask": true,
+      "maskClosable": true,
+      "maskStyle": "{\\"options\\":{\\"styleObjectOnly\\":true}}",
+      "okButtonProps": undefined,
+      "okText": "Ok",
+      "okType": "primary",
+      "onCancel": [Function],
+      "onOk": [Function],
+      "title": undefined,
+      "visible": false,
+      "width": 350,
+      "wrapClassName": "{}",
+      "zIndex": undefined,
+    },
+    Object {},
+  ],
+  Array [
+    Object {
+      "afterClose": [Function],
+      "bodyStyle": "{\\"options\\":{\\"styleObjectOnly\\":true}}",
+      "cancelButtonProps": undefined,
+      "cancelText": "Cancel",
+      "centered": false,
+      "children": <div
+        style={
+          Object {
+            "border": "1px solid red",
+            "padding": 10,
+          }
+        }
+      >
+        content
+      </div>,
+      "closable": true,
+      "confirmLoading": undefined,
+      "id": "properties: width: 350px - 520px is default_modal",
+      "mask": true,
+      "maskClosable": true,
+      "maskStyle": "{\\"options\\":{\\"styleObjectOnly\\":true}}",
+      "okButtonProps": undefined,
+      "okText": "Ok",
+      "okType": "primary",
+      "onCancel": [Function],
+      "onOk": [Function],
+      "title": undefined,
+      "visible": true,
+      "width": 350,
+      "wrapClassName": "{}",
+      "zIndex": undefined,
+    },
+    Object {},
+  ],
+]
+`;
+
+exports[`Mock for method: {"name":"toggleOpen","args":{}} - properties: wrapperStyle: border: 10px solid blue - value[0] - default 1`] = `
+Array [
+  Array [
+    Object {
+      "afterClose": [Function],
+      "bodyStyle": "{\\"options\\":{\\"styleObjectOnly\\":true}}",
+      "cancelButtonProps": undefined,
+      "cancelText": "Cancel",
+      "centered": false,
+      "children": <div
+        style={
+          Object {
+            "border": "1px solid red",
+            "padding": 10,
+          }
+        }
+      >
+        content
+      </div>,
+      "closable": true,
+      "confirmLoading": undefined,
+      "id": "properties: wrapperStyle: border: 10px solid blue_modal",
+      "mask": true,
+      "maskClosable": true,
+      "maskStyle": "{\\"options\\":{\\"styleObjectOnly\\":true}}",
+      "okButtonProps": undefined,
+      "okText": "Ok",
+      "okType": "primary",
+      "onCancel": [Function],
+      "onOk": [Function],
+      "title": undefined,
+      "visible": false,
+      "width": undefined,
+      "wrapClassName": "{\\"style\\":{\\"border\\":\\"10px solid blue\\"}}",
+      "zIndex": undefined,
+    },
+    Object {},
+  ],
+  Array [
+    Object {
+      "afterClose": [Function],
+      "bodyStyle": "{\\"options\\":{\\"styleObjectOnly\\":true}}",
+      "cancelButtonProps": undefined,
+      "cancelText": "Cancel",
+      "centered": false,
+      "children": <div
+        style={
+          Object {
+            "border": "1px solid red",
+            "padding": 10,
+          }
+        }
+      >
+        content
+      </div>,
+      "closable": true,
+      "confirmLoading": undefined,
+      "id": "properties: wrapperStyle: border: 10px solid blue_modal",
+      "mask": true,
+      "maskClosable": true,
+      "maskStyle": "{\\"options\\":{\\"styleObjectOnly\\":true}}",
+      "okButtonProps": undefined,
+      "okText": "Ok",
+      "okType": "primary",
+      "onCancel": [Function],
+      "onOk": [Function],
+      "title": undefined,
+      "visible": true,
+      "width": undefined,
+      "wrapClassName": "{\\"style\\":{\\"border\\":\\"10px solid blue\\"}}",
+      "zIndex": undefined,
+    },
+    Object {},
+  ],
+]
+`;
+
+exports[`Mock for method: {"name":"toggleOpen","args":{}} - properties: zIndex: 1200 - 1000 is the default - value[0] - default 1`] = `
+Array [
+  Array [
+    Object {
+      "afterClose": [Function],
+      "bodyStyle": "{\\"options\\":{\\"styleObjectOnly\\":true}}",
+      "cancelButtonProps": undefined,
+      "cancelText": "Cancel",
+      "centered": false,
+      "children": <div
+        style={
+          Object {
+            "border": "1px solid red",
+            "padding": 10,
+          }
+        }
+      >
+        content
+      </div>,
+      "closable": true,
+      "confirmLoading": undefined,
+      "id": "properties: zIndex: 1200 - 1000 is the default_modal",
+      "mask": true,
+      "maskClosable": true,
+      "maskStyle": "{\\"options\\":{\\"styleObjectOnly\\":true}}",
+      "okButtonProps": undefined,
+      "okText": "Ok",
+      "okType": "primary",
+      "onCancel": [Function],
+      "onOk": [Function],
+      "title": undefined,
+      "visible": false,
+      "width": undefined,
+      "wrapClassName": "{}",
+      "zIndex": 1200,
+    },
+    Object {},
+  ],
+  Array [
+    Object {
+      "afterClose": [Function],
+      "bodyStyle": "{\\"options\\":{\\"styleObjectOnly\\":true}}",
+      "cancelButtonProps": undefined,
+      "cancelText": "Cancel",
+      "centered": false,
+      "children": <div
+        style={
+          Object {
+            "border": "1px solid red",
+            "padding": 10,
+          }
+        }
+      >
+        content
+      </div>,
+      "closable": true,
+      "confirmLoading": undefined,
+      "id": "properties: zIndex: 1200 - 1000 is the default_modal",
+      "mask": true,
+      "maskClosable": true,
+      "maskStyle": "{\\"options\\":{\\"styleObjectOnly\\":true}}",
+      "okButtonProps": undefined,
+      "okText": "Ok",
+      "okType": "primary",
+      "onCancel": [Function],
+      "onOk": [Function],
+      "title": undefined,
+      "visible": true,
+      "width": undefined,
+      "wrapClassName": "{}",
+      "zIndex": 1200,
+    },
+    Object {},
+  ],
+]
+`;
 
 exports[`Test Schema default 1`] = `true`;
 
@@ -41,3 +2167,51 @@ exports[`Test Schema default 2`] = `null`;
 exports[`Test Schema properties.title 1`] = `true`;
 
 exports[`Test Schema properties.title 2`] = `null`;
+
+exports[`Test Schema properties: bodyStyle: border: 10px solid blue 1`] = `true`;
+
+exports[`Test Schema properties: bodyStyle: border: 10px solid blue 2`] = `null`;
+
+exports[`Test Schema properties: cancelText: Text of the Cancel button 1`] = `true`;
+
+exports[`Test Schema properties: cancelText: Text of the Cancel button 2`] = `null`;
+
+exports[`Test Schema properties: centered: true 1`] = `true`;
+
+exports[`Test Schema properties: centered: true 2`] = `null`;
+
+exports[`Test Schema properties: closable: false 1`] = `true`;
+
+exports[`Test Schema properties: closable: false 2`] = `null`;
+
+exports[`Test Schema properties: footer: false 1`] = `true`;
+
+exports[`Test Schema properties: footer: false 2`] = `null`;
+
+exports[`Test Schema properties: mask: false 1`] = `true`;
+
+exports[`Test Schema properties: mask: false 2`] = `null`;
+
+exports[`Test Schema properties: maskClosable: false 1`] = `true`;
+
+exports[`Test Schema properties: maskClosable: false 2`] = `null`;
+
+exports[`Test Schema properties: maskStyle: border: 10px solid blue 1`] = `true`;
+
+exports[`Test Schema properties: maskStyle: border: 10px solid blue 2`] = `null`;
+
+exports[`Test Schema properties: okText: Text of the OK button 1`] = `true`;
+
+exports[`Test Schema properties: okText: Text of the OK button 2`] = `null`;
+
+exports[`Test Schema properties: width: 350px - 520px is default 1`] = `true`;
+
+exports[`Test Schema properties: width: 350px - 520px is default 2`] = `null`;
+
+exports[`Test Schema properties: wrapperStyle: border: 10px solid blue 1`] = `true`;
+
+exports[`Test Schema properties: wrapperStyle: border: 10px solid blue 2`] = `null`;
+
+exports[`Test Schema properties: zIndex: 1200 - 1000 is the default 1`] = `true`;
+
+exports[`Test Schema properties: zIndex: 1200 - 1000 is the default 2`] = `null`;