{
    "component": "error-summary",
    "fixtures": [
        {
            "name": "default",
            "options": {
                "titleText": "There is a problem",
                "errorList": [
                    {
                        "text": "The date your passport was issued must be in the past",
                        "href": "#example-error-1"
                    },
                    {
                        "text": "Enter a postcode, like AA1 1AA",
                        "href": "#example-error-2"
                    }
                ]
            },
            "html": "<div class=\"govuk-error-summary\" aria-labelledby=\"error-summary-title\" role=\"alert\" data-module=\"govuk-error-summary\">\n  <h2 class=\"govuk-error-summary__title\" id=\"error-summary-title\">\n    There is a problem\n  </h2>\n  <div class=\"govuk-error-summary__body\">\n    \n    <ul class=\"govuk-list govuk-error-summary__list\">\n    \n      <li>\n      \n        <a href=\"#example-error-1\">The date your passport was issued must be in the past</a>\n      \n      </li>\n    \n      <li>\n      \n        <a href=\"#example-error-2\">Enter a postcode, like AA1 1AA</a>\n      \n      </li>\n    \n    </ul>\n  </div>\n</div>",
            "hidden": false
        },
        {
            "name": "without links",
            "options": {
                "titleText": "There is a problem",
                "errorList": [
                    {
                        "text": "Invalid username or password"
                    }
                ]
            },
            "html": "<div class=\"govuk-error-summary\" aria-labelledby=\"error-summary-title\" role=\"alert\" data-module=\"govuk-error-summary\">\n  <h2 class=\"govuk-error-summary__title\" id=\"error-summary-title\">\n    There is a problem\n  </h2>\n  <div class=\"govuk-error-summary__body\">\n    \n    <ul class=\"govuk-list govuk-error-summary__list\">\n    \n      <li>\n      \n        Invalid username or password\n      \n      </li>\n    \n    </ul>\n  </div>\n</div>",
            "hidden": false
        },
        {
            "name": "mixed with and without links",
            "options": {
                "titleText": "There is a problem",
                "errorList": [
                    {
                        "text": "Invalid username or password"
                    },
                    {
                        "text": "Agree to the terms of service to log in",
                        "href": "#example-error-1"
                    }
                ]
            },
            "html": "<div class=\"govuk-error-summary\" aria-labelledby=\"error-summary-title\" role=\"alert\" data-module=\"govuk-error-summary\">\n  <h2 class=\"govuk-error-summary__title\" id=\"error-summary-title\">\n    There is a problem\n  </h2>\n  <div class=\"govuk-error-summary__body\">\n    \n    <ul class=\"govuk-list govuk-error-summary__list\">\n    \n      <li>\n      \n        Invalid username or password\n      \n      </li>\n    \n      <li>\n      \n        <a href=\"#example-error-1\">Agree to the terms of service to log in</a>\n      \n      </li>\n    \n    </ul>\n  </div>\n</div>",
            "hidden": false
        },
        {
            "name": "with everything",
            "options": {
                "titleText": "There is a problem",
                "descriptionText": "Please fix the errors below.",
                "errorList": [
                    {
                        "text": "Invalid username or password"
                    },
                    {
                        "text": "Agree to the terms of service to log in",
                        "href": "#example-error-1"
                    }
                ]
            },
            "html": "<div class=\"govuk-error-summary\" aria-labelledby=\"error-summary-title\" role=\"alert\" data-module=\"govuk-error-summary\">\n  <h2 class=\"govuk-error-summary__title\" id=\"error-summary-title\">\n    There is a problem\n  </h2>\n  <div class=\"govuk-error-summary__body\">\n    \n    <p>\n      Please fix the errors below.\n    </p>\n    \n    <ul class=\"govuk-list govuk-error-summary__list\">\n    \n      <li>\n      \n        Invalid username or password\n      \n      </li>\n    \n      <li>\n      \n        <a href=\"#example-error-1\">Agree to the terms of service to log in</a>\n      \n      </li>\n    \n    </ul>\n  </div>\n</div>",
            "hidden": false
        },
        {
            "name": "html as titleText",
            "options": {
                "titleText": "Alert, <em>alert</em>",
                "errorList": [
                    {
                        "text": "Invalid username or password"
                    }
                ]
            },
            "html": "<div class=\"govuk-error-summary\" aria-labelledby=\"error-summary-title\" role=\"alert\" data-module=\"govuk-error-summary\">\n  <h2 class=\"govuk-error-summary__title\" id=\"error-summary-title\">\n    Alert, &lt;em&gt;alert&lt;/em&gt;\n  </h2>\n  <div class=\"govuk-error-summary__body\">\n    \n    <ul class=\"govuk-list govuk-error-summary__list\">\n    \n      <li>\n      \n        Invalid username or password\n      \n      </li>\n    \n    </ul>\n  </div>\n</div>",
            "hidden": true
        },
        {
            "name": "title html",
            "options": {
                "titleHtml": "Alert, <em>alert</em>",
                "errorList": [
                    {
                        "text": "Invalid username or password"
                    }
                ]
            },
            "html": "<div class=\"govuk-error-summary\" aria-labelledby=\"error-summary-title\" role=\"alert\" data-module=\"govuk-error-summary\">\n  <h2 class=\"govuk-error-summary__title\" id=\"error-summary-title\">\n    Alert, <em>alert</em>\n  </h2>\n  <div class=\"govuk-error-summary__body\">\n    \n    <ul class=\"govuk-list govuk-error-summary__list\">\n    \n      <li>\n      \n        Invalid username or password\n      \n      </li>\n    \n    </ul>\n  </div>\n</div>",
            "hidden": true
        },
        {
            "name": "description",
            "options": {
                "titleText": "There is a problem",
                "descriptionText": "Lorem ipsum",
                "errorList": [
                    {
                        "text": "Invalid username or password"
                    }
                ]
            },
            "html": "<div class=\"govuk-error-summary\" aria-labelledby=\"error-summary-title\" role=\"alert\" data-module=\"govuk-error-summary\">\n  <h2 class=\"govuk-error-summary__title\" id=\"error-summary-title\">\n    There is a problem\n  </h2>\n  <div class=\"govuk-error-summary__body\">\n    \n    <p>\n      Lorem ipsum\n    </p>\n    \n    <ul class=\"govuk-list govuk-error-summary__list\">\n    \n      <li>\n      \n        Invalid username or password\n      \n      </li>\n    \n    </ul>\n  </div>\n</div>",
            "hidden": true
        },
        {
            "name": "html as descriptionText",
            "options": {
                "titleText": "There is a problem",
                "descriptionText": "See errors below (▼)",
                "errorList": [
                    {
                        "text": "Invalid username or password"
                    }
                ]
            },
            "html": "<div class=\"govuk-error-summary\" aria-labelledby=\"error-summary-title\" role=\"alert\" data-module=\"govuk-error-summary\">\n  <h2 class=\"govuk-error-summary__title\" id=\"error-summary-title\">\n    There is a problem\n  </h2>\n  <div class=\"govuk-error-summary__body\">\n    \n    <p>\n      See errors below (▼)\n    </p>\n    \n    <ul class=\"govuk-list govuk-error-summary__list\">\n    \n      <li>\n      \n        Invalid username or password\n      \n      </li>\n    \n    </ul>\n  </div>\n</div>",
            "hidden": true
        },
        {
            "name": "description html",
            "options": {
                "titleText": "There is a problem",
                "descriptionHtml": "See <span>errors</span> below",
                "errorList": [
                    {
                        "text": "Invalid username or password"
                    }
                ]
            },
            "html": "<div class=\"govuk-error-summary\" aria-labelledby=\"error-summary-title\" role=\"alert\" data-module=\"govuk-error-summary\">\n  <h2 class=\"govuk-error-summary__title\" id=\"error-summary-title\">\n    There is a problem\n  </h2>\n  <div class=\"govuk-error-summary__body\">\n    \n    <p>\n      See <span>errors</span> below\n    </p>\n    \n    <ul class=\"govuk-list govuk-error-summary__list\">\n    \n      <li>\n      \n        Invalid username or password\n      \n      </li>\n    \n    </ul>\n  </div>\n</div>",
            "hidden": true
        },
        {
            "name": "classes",
            "options": {
                "titleText": "There is a problem",
                "classes": "extra-class one-more-class",
                "errorList": [
                    {
                        "text": "Invalid username or password"
                    }
                ]
            },
            "html": "<div class=\"govuk-error-summary extra-class one-more-class\" aria-labelledby=\"error-summary-title\" role=\"alert\" data-module=\"govuk-error-summary\">\n  <h2 class=\"govuk-error-summary__title\" id=\"error-summary-title\">\n    There is a problem\n  </h2>\n  <div class=\"govuk-error-summary__body\">\n    \n    <ul class=\"govuk-list govuk-error-summary__list\">\n    \n      <li>\n      \n        Invalid username or password\n      \n      </li>\n    \n    </ul>\n  </div>\n</div>",
            "hidden": true
        },
        {
            "name": "attributes",
            "options": {
                "titleText": "There is a problem",
                "attributes": {
                    "first-attribute": "foo",
                    "second-attribute": "bar"
                },
                "errorList": [
                    {
                        "text": "Invalid username or password"
                    }
                ]
            },
            "html": "<div class=\"govuk-error-summary\" aria-labelledby=\"error-summary-title\" role=\"alert\" first-attribute=\"foo\" second-attribute=\"bar\" data-module=\"govuk-error-summary\">\n  <h2 class=\"govuk-error-summary__title\" id=\"error-summary-title\">\n    There is a problem\n  </h2>\n  <div class=\"govuk-error-summary__body\">\n    \n    <ul class=\"govuk-list govuk-error-summary__list\">\n    \n      <li>\n      \n        Invalid username or password\n      \n      </li>\n    \n    </ul>\n  </div>\n</div>",
            "hidden": true
        },
        {
            "name": "error list with attributes",
            "options": {
                "titleText": "There is a problem",
                "errorList": [
                    {
                        "text": "Error-1",
                        "href": "#item",
                        "attributes": {
                            "data-attribute": "my-attribute",
                            "data-attribute-2": "my-attribute-2"
                        }
                    }
                ]
            },
            "html": "<div class=\"govuk-error-summary\" aria-labelledby=\"error-summary-title\" role=\"alert\" data-module=\"govuk-error-summary\">\n  <h2 class=\"govuk-error-summary__title\" id=\"error-summary-title\">\n    There is a problem\n  </h2>\n  <div class=\"govuk-error-summary__body\">\n    \n    <ul class=\"govuk-list govuk-error-summary__list\">\n    \n      <li>\n      \n        <a href=\"#item\" data-attribute=\"my-attribute\" data-attribute-2=\"my-attribute-2\">Error-1</a>\n      \n      </li>\n    \n    </ul>\n  </div>\n</div>",
            "hidden": true
        },
        {
            "name": "error list with html as text",
            "options": {
                "titleText": "There is a problem",
                "errorList": [
                    {
                        "text": "Descriptive link to the <b>question</b> with an error"
                    }
                ]
            },
            "html": "<div class=\"govuk-error-summary\" aria-labelledby=\"error-summary-title\" role=\"alert\" data-module=\"govuk-error-summary\">\n  <h2 class=\"govuk-error-summary__title\" id=\"error-summary-title\">\n    There is a problem\n  </h2>\n  <div class=\"govuk-error-summary__body\">\n    \n    <ul class=\"govuk-list govuk-error-summary__list\">\n    \n      <li>\n      \n        Descriptive link to the &lt;b&gt;question&lt;/b&gt; with an error\n      \n      </li>\n    \n    </ul>\n  </div>\n</div>",
            "hidden": true
        },
        {
            "name": "error list with html",
            "options": {
                "titleText": "There is a problem",
                "errorList": [
                    {
                        "html": "The date your passport was issued <b>must</b> be in the past"
                    }
                ]
            },
            "html": "<div class=\"govuk-error-summary\" aria-labelledby=\"error-summary-title\" role=\"alert\" data-module=\"govuk-error-summary\">\n  <h2 class=\"govuk-error-summary__title\" id=\"error-summary-title\">\n    There is a problem\n  </h2>\n  <div class=\"govuk-error-summary__body\">\n    \n    <ul class=\"govuk-list govuk-error-summary__list\">\n    \n      <li>\n      \n        The date your passport was issued <b>must</b> be in the past\n      \n      </li>\n    \n    </ul>\n  </div>\n</div>",
            "hidden": true
        },
        {
            "name": "error list with html link",
            "options": {
                "titleText": "There is a problem",
                "errorList": [
                    {
                        "html": "Descriptive link to the <b>question</b> with an error",
                        "href": "#error-1"
                    }
                ]
            },
            "html": "<div class=\"govuk-error-summary\" aria-labelledby=\"error-summary-title\" role=\"alert\" data-module=\"govuk-error-summary\">\n  <h2 class=\"govuk-error-summary__title\" id=\"error-summary-title\">\n    There is a problem\n  </h2>\n  <div class=\"govuk-error-summary__body\">\n    \n    <ul class=\"govuk-list govuk-error-summary__list\">\n    \n      <li>\n      \n        <a href=\"#error-1\">Descriptive link to the <b>question</b> with an error</a>\n      \n      </li>\n    \n    </ul>\n  </div>\n</div>",
            "hidden": true
        },
        {
            "name": "error list with html as text link",
            "options": {
                "titleText": "There is a problem",
                "errorList": [
                    {
                        "text": "Descriptive link to the <b>question</b> with an error",
                        "href": "#error-1"
                    }
                ]
            },
            "html": "<div class=\"govuk-error-summary\" aria-labelledby=\"error-summary-title\" role=\"alert\" data-module=\"govuk-error-summary\">\n  <h2 class=\"govuk-error-summary__title\" id=\"error-summary-title\">\n    There is a problem\n  </h2>\n  <div class=\"govuk-error-summary__body\">\n    \n    <ul class=\"govuk-list govuk-error-summary__list\">\n    \n      <li>\n      \n        <a href=\"#error-1\">Descriptive link to the &lt;b&gt;question&lt;/b&gt; with an error</a>\n      \n      </li>\n    \n    </ul>\n  </div>\n</div>",
            "hidden": true
        },
        {
            "name": "autofocus disabled",
            "options": {
                "titleText": "There is a problem",
                "disableAutoFocus": true
            },
            "html": "<div class=\"govuk-error-summary\" aria-labelledby=\"error-summary-title\" role=\"alert\" data-disable-auto-focus=\"true\" data-module=\"govuk-error-summary\">\n  <h2 class=\"govuk-error-summary__title\" id=\"error-summary-title\">\n    There is a problem\n  </h2>\n  <div class=\"govuk-error-summary__body\">\n    \n    <ul class=\"govuk-list govuk-error-summary__list\">\n    \n    </ul>\n  </div>\n</div>",
            "hidden": true
        }
    ]
}