// Jest Snapshot v1, https://goo.gl/fbAQLP

exports[`<Chat /> should load chat 1`] = `
<div
  class="chat chat--expanded"
  data-no-instant={true}
>
  <div
    class="chat__channels chat__channels--expanded"
  >
    <button
      class="chat__channelstogglebutt"
      onClick={[Function]}
      type="button"
    >
      &lt;
    </button>
    <input
      onKeyUp={[Function]}
      placeholder="Filter"
    />
    <div
      class="chat__channeltypefilter"
    >
      <button
        class="chat__channeltypefilterbutton chat__channeltypefilterbutton--active"
        data-channel-type="all"
        onClick={[Function]}
        type="button"
      >
        all
      </button>
      <button
        class="chat__channeltypefilterbutton chat__channeltypefilterbutton--inactive"
        data-channel-type="direct"
        onClick={[Function]}
        type="button"
      >
        direct
      </button>
      <button
        class="chat__channeltypefilterbutton chat__channeltypefilterbutton--inactive"
        data-channel-type="invite_only"
        onClick={[Function]}
        type="button"
      >
        group
      </button>
    </div>
    <div
      class="chatchannels"
    >
      <div
        class="chatchannels__channelslist"
        id="chatchannels__channelslist"
      >
        <button
          class="chatchanneltabbutton"
          onClick={[Function]}
          type="button"
        >
          <span
            class="chatchanneltab chatchanneltab--inactive chatchanneltab--old"
            style={
              Object {
                "border": "1px solid undefined",
                "boxShadow": "3px 3px 0px undefined",
              }
            }
          >
            <span
              class="chatchanneltabindicator chatchanneltabindicator--old"
            >
              <img
                alt="pic"
                class="chatchanneltabindicatordirectimage"
              />
            </span>
            channel name 1
          </span>
        </button>
        <button
          class="chatchanneltabbutton"
          onClick={[Function]}
          type="button"
        >
          <span
            class="chatchanneltab chatchanneltab--inactive chatchanneltab--old"
            style={
              Object {
                "border": "1px solid undefined",
                "boxShadow": "3px 3px 0px undefined",
              }
            }
          >
            <span
              class="chatchanneltabindicator chatchanneltabindicator--old"
            >
              <img
                alt="pic"
                class="chatchanneltabindicatordirectimage"
              />
            </span>
            group channel 2
          </span>
        </button>
        <button
          class="chatchanneltabbutton"
          onClick={[Function]}
          type="button"
        >
          <span
            class="chatchanneltab chatchanneltab--inactive chatchanneltab--old"
            style={
              Object {
                "border": "1px solid undefined",
                "boxShadow": "3px 3px 0px undefined",
              }
            }
          >
            <span
              class="chatchanneltabindicator chatchanneltabindicator--old"
            >
              <img
                alt="pic"
                class="chatchanneltabindicatordirectimage"
              />
            </span>
            group channel 3
          </span>
        </button>
      </div>
      <div
        class="chatchannels__config"
      >
        <img
          alt=""
          src=""
          style={
            Object {
              "height": "18px",
            }
          }
        />
        <div
          class="chatchannels__configmenu"
        >
          <a
            href="/settings"
          >
            DEV Settings
          </a>
          <a
            href="/report-abuse"
          >
            Report Abuse
          </a>
        </div>
      </div>
    </div>
  </div>
  <div
    class="chat__activechat"
  >
    <div
      class="activechatchannel"
    >
      <div
        class="activechatchannel__conversation"
      >
        <div
          class="activechatchannel__header"
        >
           
        </div>
        <div
          class="activechatchannel__messages"
          id="messagelist"
          onScroll={[Function]}
          ref={[Function]}
        >
          <div
            class="messagelist__sentinel"
            id="messagelist__sentinel"
          />
        </div>
        <div
          class="chatchanneljumpback chatchanneljumpback__hide"
          id="jumpback_button"
        >
          <div
            class="chatchanneljumpback__messages"
            onClick={[Function]}
            onKeyUp={[Function]}
            role="button"
            tabIndex="0"
          >
            Scroll to Bottom
          </div>
        </div>
        <div
          class="message__delete__modal message__delete__modal__hide"
          id="message"
        >
          <div
            class="modal__content"
          >
            <h3>
               Are you sure, you want to delete this message ?
            </h3>
            <div
              class="delete__action__buttons"
            >
              <div
                class="message__cancel__button"
                onClick={[Function]}
                onKeyUp={[Function]}
                role="button"
                tabIndex="0"
              >
                 Cancel
              </div>
              <div
                class="message__delete__button"
                onClick={[Function]}
                onKeyUp={[Function]}
                role="button"
                tabIndex="0"
              >
                 Delete
              </div>
            </div>
          </div>
        </div>
        <div
          class="activechatchannel__alerts"
        >
          <div
            class="chatalert__default chatalert__default--hidden"
          >
            More new messages below
          </div>
        </div>
        <div
          class="activechatchannel__form"
        >
          <div
            class="messagecomposer"
          >
            <textarea
              class="messagecomposer__input"
              id="messageform"
              maxLength="1000"
              onKeyDown={[Function]}
              placeholder="Message goes here"
            />
            <button
              class="messagecomposer__submit"
              onClick={[Function]}
              type="button"
            >
              SEND
            </button>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
`;
