HostSidePanel:Create Host

Unable to find an element with the text: Edit Author. 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="root"
>
  <div
    class="MuiDrawer-root MuiDrawer-docked css-158t8k3"
    data-testid="side-drawer"
  >
    <div
      class="MuiPaper-root MuiPaper-elevation MuiPaper-elevation0 MuiDrawer-paper MuiDrawer-paperAnchorRight MuiDrawer-paperAnchorDockedRight css-1hrr69n"
    >
      <header
        class="MuiPaper-root MuiPaper-elevation MuiPaper-elevation0 MuiAppBar-root MuiAppBar-colorDefault MuiAppBar-positionSticky css-1bbwbir"
        data-testid="side-header"
      >
        <div
          class="MuiToolbar-root MuiToolbar-gutters MuiToolbar-dense css-13l8kcy"
        >
          <div
            class="MuiTypography-root MuiTypography-subtitle1 MuiTypography-noWrap css-d05w83"
          >
            Hosted By
          </div>
        </div>
      </header>
      <div
        class="css-1l0n6td"
        data-testid="side-body"
      />
    </div>
  </div>
  <div
    class="css-qo675j"
  />
  <div
    class="MuiDrawer-root MuiDrawer-docked css-158t8k3"
    data-testid="side-drawer"
  >
    <div
      class="MuiPaper-root MuiPaper-elevation MuiPaper-elevation0 MuiDrawer-paper MuiDrawer-paperAnchorRight MuiDrawer-paperAnchorDockedRight css-1hrr69n"
      style="transform: none; transition: transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms;"
    >
      <header
        class="MuiPaper-root MuiPaper-elevation MuiPaper-elevation0 MuiAppBar-root MuiAppBar-colorDefault MuiAppBar-positionSticky css-1bbwbir"
        data-testid="side-header"
      >
        <div
          class="MuiToolbar-root MuiToolbar-gutters MuiToolbar-dense css-13l8kcy"
        >
          <div
            class="MuiTypography-root MuiTypography-subtitle1 MuiTypography-noWrap css-d05w83"
          >
            Select a Host
          </div>
          <button
            class="MuiButtonBase-root MuiIconButton-root MuiIconButton-edgeEnd MuiIconButton-sizeMedium css-ql7igq"
            tabindex="0"
            type="button"
          >
            <svg
              aria-hidden="true"
              class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-vubbuv"
              data-testid="CloseIcon"
              focusable="false"
              viewBox="0 0 24 24"
            >
              <path
                d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"
              />
            </svg>
            <span
              class="MuiTouchRipple-root css-w0pj6f"
            />
          </button>
        </div>
      </header>
      <div
        class="css-1l0n6td"
        data-testid="side-body"
      />
    </div>
  </div>
  <div
    class="css-qo675j"
  />
  <div
    class="MuiDrawer-root MuiDrawer-docked css-158t8k3"
    data-testid="side-drawer"
  >
    <div
      class="MuiPaper-root MuiPaper-elevation MuiPaper-elevation0 MuiDrawer-paper MuiDrawer-paperAnchorRight MuiDrawer-paperAnchorDockedRight css-1hrr69n"
      style="visibility: hidden; transform: translateX(360px);"
    >
      <header
        class="MuiPaper-root MuiPaper-elevation MuiPaper-elevation0 MuiAppBar-root MuiAppBar-colorDefault MuiAppBar-positionSticky css-1bbwbir"
        data-testid="side-header"
      >
        <div
          class="MuiToolbar-root MuiToolbar-gutters MuiToolbar-dense css-13l8kcy"
        >
          <div
            class="MuiTypography-root MuiTypography-subtitle1 MuiTypography-noWrap css-d05w83"
          >
            Information
          </div>
          <button
            class="MuiButtonBase-root MuiIconButton-root MuiIconButton-edgeEnd MuiIconButton-sizeMedium css-ql7igq"
            tabindex="0"
            type="button"
          >
            <svg
              aria-hidden="true"
              class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-vubbuv"
              data-testid="CloseIcon"
              focusable="false"
              viewBox="0 0 24 24"
            >
              <path
                d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"
              />
            </svg>
            <span
              class="MuiTouchRipple-root css-w0pj6f"
            />
          </button>
        </div>
      </header>
      <div
        class="css-1l0n6td"
        data-testid="side-body"
      />
    </div>
  </div>
  <div
    class="css-qo675j"
  />
  <div
    class="MuiDrawer-root MuiDrawer-docked css-158t8k3"
    data-testid="side-drawer"
  >
    <div
      class="MuiPaper-root MuiPaper-elevation MuiPaper-elevation0 MuiDrawer-paper MuiDrawer-paperAnchorRight MuiDrawer-paperAnchorDockedRight css-1hrr69n"
    >
      <header
        class="MuiPaper-root MuiPaper-elevation MuiPaper-elevation0 MuiAppBar-root MuiAppBar-colorDefault MuiAppBar-positionSticky css-1bbwbir"
        data-testid="side-header"
      >
        <div
          class="MuiToolbar-root MuiToolbar-gutters MuiToolbar-dense css-13l8kcy"
        >
          <div
            class="MuiTypography-root MuiTypography-subtitle1 MuiTypography-noWrap css-d05w83"
          >
            Hosted By
          </div>
        </div>
      </header>
      <div
        class="css-1l0n6td"
        data-testid="side-body"
      >
        <div
          class="css-vea6ho"
        >
          <div
            class="css-2ic4pn"
          >
            <h6
              class="MuiTypography-root MuiTypography-subtitle2 css-wicgj7"
            >
              Create Author
            </h6>
          </div>
          <div
            class="css-1i43dhb"
          >
            <form
              action="#"
            >
              <div
                class="MuiFormControl-root MuiFormControl-fullWidth MuiTextField-root css-feqhe6"
              >
                <label
                  class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-filled MuiFormLabel-colorPrimary css-ht11w0"
                  data-shrink="false"
                  for="hostTitle"
                  id="hostTitle-label"
                >
                  Host Name
                </label>
                <div
                  class="MuiInputBase-root MuiFilledInput-root MuiFilledInput-underline MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-formControl css-f4qkm7"
                >
                  <input
                    aria-invalid="false"
                    class="MuiInputBase-input MuiFilledInput-input css-2bxn45"
                    id="hostTitle"
                    name="hostTitle"
                    type="text"
                    value=""
                  />
                </div>
              </div>
            </form>
            <form
              action="#"
            >
              <div
                class="MuiFormControl-root MuiFormControl-fullWidth MuiTextField-root css-feqhe6"
              >
                <label
                  class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-filled MuiFormL...

Chrome 105

328x382

Linux Linux Ubuntu 20.04.4

8340e5 on 23-04-ZL-feat-host-side-panel