{
  "name": "Error message",
  "component": "error-message",
  "fixtures": [
    {
      "name": "default",
      "context": {
        "text": "Enter your full name"
      },
      "screenshot": {
        "viewports": [
          "tablet"
        ]
      },
      "options": {},
      "html": "<span class=\"nhsuk-error-message\">\n  <span class=\"nhsuk-u-visually-hidden\">Error: </span>Enter your full name\n</span>"
    },
    {
      "name": "with HTML",
      "context": {
        "html": "Postcode must not include &amp; and &lt;"
      },
      "screenshot": false,
      "options": {},
      "html": "<span class=\"nhsuk-error-message\">\n  <span class=\"nhsuk-u-visually-hidden\">Error: </span>Postcode must not include &amp; and &lt;\n</span>"
    },
    {
      "name": "with HTML via call block",
      "context": {},
      "callBlock": "Postcode must not include &amp; and &lt;",
      "screenshot": false,
      "options": {},
      "html": "<span class=\"nhsuk-error-message\">\n  <span class=\"nhsuk-u-visually-hidden\">Error: </span>Postcode must not include &amp; and &lt;\n</span>"
    },
    {
      "name": "without visually hidden text",
      "context": {
        "text": "There is an error on line 42",
        "visuallyHiddenText": ""
      },
      "screenshot": false,
      "options": {},
      "html": "<span class=\"nhsuk-error-message\">\n  There is an error on line 42\n</span>"
    },
    {
      "name": "with text escaping",
      "context": {
        "text": "Postcode must not include & and <"
      },
      "screenshot": false,
      "options": {},
      "html": "<span class=\"nhsuk-error-message\">\n  <span class=\"nhsuk-u-visually-hidden\">Error: </span>Postcode must not include &amp; and &lt;\n</span>"
    },
    {
      "name": "with translations",
      "context": {
        "text": "Rhowch eich enw llawn",
        "visuallyHiddenText": "Gwall"
      },
      "screenshot": false,
      "options": {},
      "html": "<span class=\"nhsuk-error-message\">\n  <span class=\"nhsuk-u-visually-hidden\">Gwall: </span>Rhowch eich enw llawn\n</span>"
    }
  ]
}