NotificationsPage:Disable Invalid Template

This story threw an error after it finished rendering which means interactions may not have been executed fully.

Error: Unable to find an element with the text: An error occurred when attempting to disable the requested notification. This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible.

Ignored nodes: comments, script, style
<div
  id="storybook-root"
>
  <section
    class=""
  >
    <div
      class="css-9whsf3"
    >
      <div
        class="css-qr7v9c"
      >
        <div>
          <h4
            class="css-xopgj2"
          >
            Notifications
          </h4>
          <p
            class="css-hlfzma"
          >
            Configure your notification preferences. Icons on the right of each notification indicate delivery method, either SMTP or Webhook.
          </p>
        </div>
      </div>
      <div
        class="css-1brv7gz"
      >
        <div
          class="MuiPaper-root MuiPaper-outlined MuiPaper-rounded MuiCard-root css-x5duqa"
        >
          <ul
            class="MuiList-root css-1uzmcsd"
          >
            <li
              class="MuiListItem-root MuiListItem-gutters MuiListItem-padding css-izy5jh"
            >
              <div
                class="MuiListItemIcon-root css-5n5rd1"
              >
                <span
                  class="MuiSwitch-root MuiSwitch-sizeSmall css-26o51u"
                >
                  <span
                    class="MuiButtonBase-root MuiSwitch-switchBase MuiSwitch-colorPrimary PrivateSwitchBase-root MuiSwitch-switchBase MuiSwitch-colorPrimary css-aqhhb6"
                  >
                    <input
                      class="PrivateSwitchBase-input MuiSwitch-input css-1m9pwf3"
                      id="User Events"
                      type="checkbox"
                    />
                    <span
                      class="MuiSwitch-thumb css-19gndve"
                    />
                  </span>
                  <span
                    class="MuiSwitch-track css-g5sy4h"
                  />
                </span>
              </div>
              <div
                class="MuiListItemText-root css-nqy0gm"
              >
                <label
                  class="MuiTypography-root MuiTypography-body1 MuiListItemText-primary css-1xnj37p"
                  for="User Events"
                >
                  User Events
                </label>
              </div>
            </li>
            <li
              class="MuiListItem-root MuiListItem-gutters MuiListItem-padding css-wj2dhz"
            >
              <div
                class="MuiListItemIcon-root css-5n5rd1"
              >
                <span
                  class="MuiSwitch-root MuiSwitch-sizeSmall css-26o51u"
                >
                  <span
                    class="MuiButtonBase-root MuiSwitch-switchBase MuiSwitch-colorPrimary PrivateSwitchBase-root MuiSwitch-switchBase MuiSwitch-colorPrimary css-aqhhb6"
                  >
                    <input
                      class="PrivateSwitchBase-input MuiSwitch-input css-1m9pwf3"
                      id="4e19c0ac-94e1-4532-9515-d1801aa283b2"
                      type="checkbox"
                    />
                    <span
                      class="MuiSwitch-thumb css-19gndve"
                    />
                  </span>
                  <span
                    class="MuiSwitch-track css-g5sy4h"
                  />
                </span>
              </div>
              <div
                class="MuiListItemText-root css-nqy0gm"
              >
                <label
                  class="MuiTypography-root MuiTypography-body1 MuiListItemText-primary css-1xnj37p"
                  for="4e19c0ac-94e1-4532-9515-d1801aa283b2"
                >
                  User account created
                </label>
              </div>
              <div
                aria-label="Delivery method"
                class="MuiListItemIcon-root css-1ewsuhx"
              >
                <svg
                  aria-hidden="true"
                  aria-label="SMTP"
                  class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-vubbuv"
                  data-testid="EmailOutlinedIcon"
                  focusable="false"
                  viewBox="0 0 24 24"
                >
                  <path
                    d="M22 6c0-1.1-.9-2-2-2H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2zm-2 0-8 5-8-5zm0 12H4V8l8 5 8-5z"
                  />
                </svg>
              </div>
            </li>
            <hr
              class="MuiDivider-root MuiDivider-fullWidth css-1kr6h3r"
            />
            <li
              class="MuiListItem-root MuiListItem-gutters MuiListItem-padding css-wj2dhz"
            >
              <div
                class="MuiListItemIcon-root css-5n5rd1"
              >
                <span
                  class="MuiSwitch-root MuiSwitch-sizeSmall css-26o51u"
                >
                  <span
                    class="MuiButtonBase-root MuiSwitch-switchBase MuiSwitch-colorPrimary Mui-checked PrivateSwitchBase-root MuiSwitch-switchBase MuiSwitch-colorPrimary Mui-checked Mui-checked css-aqhhb6"
                  >
                    <input
                      checked=""
                      class="PrivateSwitchBase-input MuiSwitch-input css-1m9pwf3"
                      id="f44d9314-ad03-4bc8-95d0-5cad491da6b6"
                      type="checkbox"
                    />
                    <span
                      class="MuiSwitch-thumb css-19gndve"
                    />
                  </span>
                  <span
                    class="MuiSwitch-track css-g5sy4h"
                  />
                </span>
              </div>
              <div
                class="MuiListItemText-root css-nqy0gm"
              >
                <label
                  class="MuiTypography-root MuiTypography-body1 MuiListItemText-primary css-1xnj37p"
                  for="f44d9314-ad03-4bc8-95d0-5cad491da6b6"
                >
                  User account deleted
                </label>
              </div>
              <div
                aria-label="Delivery method"
                class="MuiListItemIcon-root css-1ewsuhx"
              >
                <svg
                  aria-hidden="true"
                  aria-label="SMTP"
                  class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-vubbuv"
                  data-testid="EmailOutlinedIcon"
                  focusable="false"
                  viewBox="0 0 24 24"
                >
                  <path
                    d="M22 6c0-1.1-.9-2-2-2H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2zm-2 0-8 5-8-5zm0 12H4V8l8 5 8-5z"
                  />
                </svg>
              </div>
            </li>
          </ul>
        </div>
        <div
          class="MuiPaper-root MuiPaper-outlined MuiPaper-rounded MuiCard-root css-x5duqa"
        >
          <ul
            class="MuiList-root css-1uzmcsd"
          >
            <li
              class="MuiListItem-root MuiListItem-gutters MuiListItem-padding css-izy5jh"
            >
              <div
                class="MuiListItemIcon-root css-5n5rd1"
              >
                <span
                  class="MuiSw...

Ignored nodes: comments, script, style
<div
  id="storybook-root"
>
  <section
    class=""
  >
    <div
      class="css-9whsf3"
    >
      <div
        class="css-qr7v9c"
      >
        <div>
          <h4
            class="css-xopgj2"
          >
            Notifications
          </h4>
          <p
            class="css-hlfzma"
          >
            Configure your notification preferences. Icons on the right of each notification indicate delivery method, either SMTP or Webhook.
          </p>
        </div>
      </div>
      <div
        class="css-1brv7gz"
      >
        <div
          class="MuiPaper-root MuiPaper-outlined MuiPaper-rounded MuiCard-root css-x5duqa"
        >
          <ul
            class="MuiList-root css-1uzmcsd"
          >
            <li
              class="MuiListItem-root MuiListItem-gutters MuiListItem-padding css-izy5jh"
            >
              <div
                class="MuiListItemIcon-root css-5n5rd1"
              >
                <span
                  class="MuiSwitch-root MuiSwitch-sizeSmall css-26o51u"
                >
                  <span
                    class="MuiButtonBase-root MuiSwitch-switchBase MuiSwitch-colorPrimary PrivateSwitchBase-root MuiSwitch-switchBase MuiSwitch-colorPrimary css-aqhhb6"
                  >
                    <input
                      class="PrivateSwitchBase-input MuiSwitch-input css-1m9pwf3"
                      id="User Events"
                      type="checkbox"
                    />
                    <span
                      class="MuiSwitch-thumb css-19gndve"
                    />
                  </span>
                  <span
                    class="MuiSwitch-track css-g5sy4h"
                  />
                </span>
              </div>
              <div
                class="MuiListItemText-root css-nqy0gm"
              >
                <label
                  class="MuiTypography-root MuiTypography-body1 MuiListItemText-primary css-1xnj37p"
                  for="User Events"
                >
                  User Events
                </label>
              </div>
            </li>
            <li
              class="MuiListItem-root MuiListItem-gutters MuiListItem-padding css-wj2dhz"
            >
              <div
                class="MuiListItemIcon-root css-5n5rd1"
              >
                <span
                  class="MuiSwitch-root MuiSwitch-sizeSmall css-26o51u"
                >
                  <span
                    class="MuiButtonBase-root MuiSwitch-switchBase MuiSwitch-colorPrimary PrivateSwitchBase-root MuiSwitch-switchBase MuiSwitch-colorPrimary css-aqhhb6"
                  >
                    <input
                      class="PrivateSwitchBase-input MuiSwitch-input css-1m9pwf3"
                      id="4e19c0ac-94e1-4532-9515-d1801aa283b2"
                      type="checkbox"
                    />
                    <span
                      class="MuiSwitch-thumb css-19gndve"
                    />
                  </span>
                  <span
                    class="MuiSwitch-track css-g5sy4h"
                  />
                </span>
              </div>
              <div
                class="MuiListItemText-root css-nqy0gm"
              >
                <label
                  class="MuiTypography-root MuiTypography-body1 MuiListItemText-primary css-1xnj37p"
                  for="4e19c0ac-94e1-4532-9515-d1801aa283b2"
                >
                  User account created
                </label>
              </div>
              <div
                aria-label="Delivery method"
                class="MuiListItemIcon-root css-1ewsuhx"
              >
                <svg
                  aria-hidden="true"
                  aria-label="SMTP"
                  class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-vubbuv"
                  data-testid="EmailOutlinedIcon"
                  focusable="false"
                  viewBox="0 0 24 24"
                >
                  <path
                    d="M22 6c0-1.1-.9-2-2-2H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2zm-2 0-8 5-8-5zm0 12H4V8l8 5 8-5z"
                  />
                </svg>
              </div>
            </li>
            <hr
              class="MuiDivider-root MuiDivider-fullWidth css-1kr6h3r"
            />
            <li
              class="MuiListItem-root MuiListItem-gutters MuiListItem-padding css-wj2dhz"
            >
              <div
                class="MuiListItemIcon-root css-5n5rd1"
              >
                <span
                  class="MuiSwitch-root MuiSwitch-sizeSmall css-26o51u"
                >
                  <span
                    class="MuiButtonBase-root MuiSwitch-switchBase MuiSwitch-colorPrimary Mui-checked PrivateSwitchBase-root MuiSwitch-switchBase MuiSwitch-colorPrimary Mui-checked Mui-checked css-aqhhb6"
                  >
                    <input
                      checked=""
                      class="PrivateSwitchBase-input MuiSwitch-input css-1m9pwf3"
                      id="f44d9314-ad03-4bc8-95d0-5cad491da6b6"
                      type="checkbox"
                    />
                    <span
                      class="MuiSwitch-thumb css-19gndve"
                    />
                  </span>
                  <span
                    class="MuiSwitch-track css-g5sy4h"
                  />
                </span>
              </div>
              <div
                class="MuiListItemText-root css-nqy0gm"
              >
                <label
                  class="MuiTypography-root MuiTypography-body1 MuiListItemText-primary css-1xnj37p"
                  for="f44d9314-ad03-4bc8-95d0-5cad491da6b6"
                >
                  User account deleted
                </label>
              </div>
              <div
                aria-label="Delivery method"
                class="MuiListItemIcon-root css-1ewsuhx"
              >
                <svg
                  aria-hidden="true"
                  aria-label="SMTP"
                  class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-vubbuv"
                  data-testid="EmailOutlinedIcon"
                  focusable="false"
                  viewBox="0 0 24 24"
                >
                  <path
                    d="M22 6c0-1.1-.9-2-2-2H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2zm-2 0-8 5-8-5zm0 12H4V8l8 5 8-5z"
                  />
                </svg>
              </div>
            </li>
          </ul>
        </div>
        <div
          class="MuiPaper-root MuiPaper-outlined MuiPaper-rounded MuiCard-root css-x5duqa"
        >
          <ul
            class="MuiList-root css-1uzmcsd"
          >
            <li
              class="MuiListItem-root MuiListItem-gutters MuiListItem-padding css-izy5jh"
            >
              <div
                class="MuiListItemIcon-root css-5n5rd1"
              >
                <span
                  class="MuiSw...
    at Object.Zo [as waitFor] (https://624de63c6aacee003aa84340-lktcdnnasx.capture-loopback.chromatic.com/assets/index-WYMwVPUu.js:130:3345)
    at cn.invoke (https://624de63c6aacee003aa84340-lktcdnnasx.capture-loopback.chromatic.com/assets/index-U6Do-Xt6.js:28:8806)
    at cn.intercept (https://624de63c6aacee003aa84340-lktcdnnasx.capture-loopback.chromatic.com/assets/index-U6Do-Xt6.js:28:6412)
    at cn.track (https://624de63c6aacee003aa84340-lktcdnnasx.capture-loopback.chromatic.com/assets/index-U6Do-Xt6.js:28:6144)
    at waitFor (https://624de63c6aacee003aa84340-lktcdnnasx.capture-loopback.chromatic.com/assets/index-U6Do-Xt6.js:28:5517)
    at play (https://624de63c6aacee003aa84340-lktcdnnasx.capture-loopback.chromatic.com/assets/NotificationsPage.stories-Bjvr94RG.js:234:7414)
    at playFunction (https://624de63c6aacee003aa84340-lktcdnnasx.capture-loopback.chromatic.com/sb-preview/runtime.js:113:6184)
    at https://624de63c6aacee003aa84340-lktcdnnasx.capture-loopback.chromatic.com/sb-preview/runtime.js:144:3903
    at StoryRender.runPhase (https://624de63c6aacee003aa84340-lktcdnnasx.capture-loopback.chromatic.com/sb-preview/runtime.js:144:943)
    at StoryRender.render (https://624de63c6aacee003aa84340-lktcdnnasx.capture-loopback.chromatic.com/sb-preview/runtime.js:144:3856)