{
    "component": "summary-content-formula",
    "fixtures": [
        {
            "name": "default",
            "options": {
                "value": [
                    {
                        "name": "Total",
                        "question": "This is the total",
                        "type": "display",
                        "value": "I am some total",
                        "operation": "=",
                        "operation_position": "after"
                    },
                    {
                        "name": "Thing to start",
                        "question": "This is the thing to start with",
                        "type": "textbox_large",
                        "value": "I am the start of the formula"
                    },
                    {
                        "name": "Thing to add",
                        "question": "This is the thing to add",
                        "type": "textbox_large",
                        "value": "I am the part of the formula added",
                        "operation": "+",
                        "operation_position": "before"
                    },
                    {
                        "name": "Thing to subtract",
                        "question": "This is the thing to subtract",
                        "type": "textbox_large",
                        "value": "I am the part of the formula to subtract",
                        "operation": "-",
                        "operation_position": "before"
                    }
                ]
            },
            "hidden": false,
            "description": "",
            "previewLayoutModifiers": [],
            "html": "<hr class=\"govuk-section-break govuk-section-break--visible\">\n  <dl class=\"govuk-summary-list dm-summary-content-formula\">\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key\">\n      Total\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      I am some total\n    </dd>\n  </div>\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key\">\n      =\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      \n    </dd>\n  </div>\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key\">\n      Thing to start\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      I am the start of the formula\n    </dd>\n  </div>\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key\">\n      +\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      \n    </dd>\n  </div>\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key\">\n      Thing to add\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      I am the part of the formula added\n    </dd>\n  </div>\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key\">\n      -\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      \n    </dd>\n  </div>\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key\">\n      Thing to subtract\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      I am the part of the formula to subtract\n    </dd>\n  </div>\n</dl>\n  <hr class=\"govuk-section-break govuk-section-break--visible\">"
        },
        {
            "name": "with many parts",
            "options": {
                "value": [
                    {
                        "name": "Total",
                        "question": "This is the total",
                        "type": "display",
                        "value": "I am some total",
                        "operation": "=",
                        "operation_position": "after"
                    },
                    {
                        "name": "Thing to start",
                        "question": "This is the thing to start with",
                        "type": "textbox_large",
                        "value": "I am the start of the formula"
                    },
                    {
                        "name": "Thing to add",
                        "question": "This is the thing to add",
                        "type": "textbox_large",
                        "value": "I am the part of the formula to add",
                        "operation": "+",
                        "operation_position": "before"
                    },
                    {
                        "name": "Thing to subtract",
                        "question": "This is the thing to subtract",
                        "type": "textbox_large",
                        "value": "I am the part of the formula to subtract",
                        "operation": "-",
                        "operation_position": "before"
                    },
                    {
                        "name": "Another thing to add",
                        "question": "This is another thing to add",
                        "type": "textbox_large",
                        "value": "I am another part of the formula to add",
                        "operation": "+",
                        "operation_position": "before"
                    },
                    {
                        "name": "Another thing to subtract",
                        "question": "This is another thing to subtract",
                        "type": "textbox_large",
                        "value": "I am another part of the formula to subtract",
                        "operation": "-",
                        "operation_position": "before"
                    }
                ]
            },
            "hidden": false,
            "description": "",
            "previewLayoutModifiers": [],
            "html": "<hr class=\"govuk-section-break govuk-section-break--visible\">\n  <dl class=\"govuk-summary-list dm-summary-content-formula\">\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key\">\n      Total\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      I am some total\n    </dd>\n  </div>\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key\">\n      =\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      \n    </dd>\n  </div>\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key\">\n      Thing to start\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      I am the start of the formula\n    </dd>\n  </div>\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key\">\n      +\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      \n    </dd>\n  </div>\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key\">\n      Thing to add\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      I am the part of the formula to add\n    </dd>\n  </div>\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key\">\n      -\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      \n    </dd>\n  </div>\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key\">\n      Thing to subtract\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      I am the part of the formula to subtract\n    </dd>\n  </div>\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key\">\n      +\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      \n    </dd>\n  </div>\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key\">\n      Another thing to add\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      I am another part of the formula to add\n    </dd>\n  </div>\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key\">\n      -\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      \n    </dd>\n  </div>\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key\">\n      Another thing to subtract\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      I am another part of the formula to subtract\n    </dd>\n  </div>\n</dl>\n  <hr class=\"govuk-section-break govuk-section-break--visible\">"
        }
    ]
}
