ZipFileTree.test.js.snap

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

exports[`calltree/ZipFileTree clicking on a profile link kicks off the profile loading process when clicked 1`] = `"Loading the profile from the zip file..."`;

exports[`calltree/ZipFileTree renders a zip file tree 1`] = `
<section
  className="zipFileViewer"
>
  <div
    className="zipFileViewerSection"
  >
    <header
      className="zipFileViewerHeader"
    >
      <h1>
        perf.html
      </h1>
      <p>
        Choose a profile from this zip file
      </p>
    </header>
    <div
      className="treeView"
    >
      <div
        className="react-contextmenu-wrapper treeViewContextMenu"
        onContextMenu={[Function]}
        onMouseDown={[Function]}
        onMouseOut={[Function]}
        onMouseUp={[Function]}
        onTouchEnd={[Function]}
        onTouchStart={[Function]}
      >
        <div
          className="treeViewBody"
          onKeyDown={[Function]}
          tabIndex={0}
        >
          <div
            className="treeViewBodyInnerWrapper"
          >
            <div
              className="treeViewBodyInner treeViewBodyInner0"
              style={
                Object {
                  "height": "180px",
                  "width": undefined,
                }
              }
            >
              <div
                className="treeViewBodyInner treeViewBodyInner0TopSpacer"
                key="-1"
                style={
                  Object {
                    "height": "0px",
                  }
                }
              />
              <div
                className="treeViewBodyInner treeViewBodyInner0InnerChunk"
              >
                <div
                  className="treeViewRow treeViewRowFixedColumns even "
                  onMouseDown={[Function]}
                  style={
                    Object {
                      "height": 30,
                      "lineHeight": "30px",
                    }
                  }
                />
                <div
                  className="treeViewRow treeViewRowFixedColumns odd "
                  onMouseDown={[Function]}
                  style={
                    Object {
                      "height": 30,
                      "lineHeight": "30px",
                    }
                  }
                />
                <div
                  className="treeViewRow treeViewRowFixedColumns even "
                  onMouseDown={[Function]}
                  style={
                    Object {
                      "height": 30,
                      "lineHeight": "30px",
                    }
                  }
                />
                <div
                  className="treeViewRow treeViewRowFixedColumns odd "
                  onMouseDown={[Function]}
                  style={
                    Object {
                      "height": 30,
                      "lineHeight": "30px",
                    }
                  }
                />
                <div
                  className="treeViewRow treeViewRowFixedColumns even "
                  onMouseDown={[Function]}
                  style={
                    Object {
                      "height": 30,
                      "lineHeight": "30px",
                    }
                  }
                />
                <div
                  className="treeViewRow treeViewRowFixedColumns odd "
                  onMouseDown={[Function]}
                  style={
                    Object {
                      "height": 30,
                      "lineHeight": "30px",
                    }
                  }
                />
              </div>
            </div>
            <div
              className="treeViewBodyInner treeViewBodyInner1"
              style={
                Object {
                  "height": "180px",
                  "width": 3000,
                }
              }
            >
              <div
                className="treeViewBodyInner treeViewBodyInner1TopSpacer"
                key="-1"
                style={
                  Object {
                    "height": "0px",
                  }
                }
              />
              <div
                className="treeViewBodyInner treeViewBodyInner1InnerChunk"
              >
                <div
                  className="treeViewRow treeViewRowScrolledColumns even  "
                  onMouseDown={[Function]}
                  style={
                    Object {
                      "height": 30,
                      "lineHeight": "30px",
                    }
                  }
                >
                  <span
                    className="treeRowIndentSpacer"
                    style={
                      Object {
                        "width": "0px",
                      }
                    }
                  />
                  <span
                    className="treeRowToggleButton expanded canBeExpanded"
                  />
                  <span
                    className="treeViewRowColumn treeViewMainColumn name"
                  >
                    foo
                  </span>
                </div>
                <div
                  className="treeViewRow treeViewRowScrolledColumns odd  "
                  onMouseDown={[Function]}
                  style={
                    Object {
                      "height": 30,
                      "lineHeight": "30px",
                    }
                  }
                >
                  <span
                    className="treeRowIndentSpacer"
                    style={
                      Object {
                        "width": "15px",
                      }
                    }
                  />
                  <span
                    className="treeRowToggleButton expanded canBeExpanded"
                  />
                  <span
                    className="treeViewRowColumn treeViewMainColumn name"
                  >
                    bar
                  </span>
                </div>
                <div
                  className="treeViewRow treeViewRowScrolledColumns even  "
                  onMouseDown={[Function]}
                  style={
                    Object {
                      "height": 30,
                      "lineHeight": "30px",
                    }
                  }
                >
                  <span
                    className="treeRowIndentSpacer"
                    style={
                      Object {
                        "width": "30px",
                      }
                    }
                  />
                  <span
                    className="treeRowToggleButton collapsed leaf"
                  />
                  <span
                    className="treeViewRowColumn treeViewMainColumn name"
                  >
                    <a
                      href="http://localhost/from-url//calltree/?file=foo%2Fbar%2Fprofile1.json"
                      onClick={[Function]}
                    >
                      profile1.json
                    </a>
                  </span>
                </div>
                <div
                  className="treeViewRow treeViewRowScrolledColumns odd  "
                  onMouseDown={[Function]}
                  style={
                    Object {
                      "height": 30,
                      "lineHeight": "30px",
                    }
                  }
                >
                  <span
                    className="treeRowIndentSpacer"
                    style={
                      Object {
                        "width": "15px",
                      }
                    }
                  />
                  <span
                    className="treeRowToggleButton collapsed leaf"
                  />
                  <span
                    className="treeViewRowColumn treeViewMainColumn name"
                  >
                    <a
                      href="http://localhost/from-url//calltree/?file=foo%2Fprofile2.json"
                      onClick={[Function]}
                    >
                      profile2.json
                    </a>
                  </span>
                </div>
                <div
                  className="treeViewRow treeViewRowScrolledColumns even  "
                  onMouseDown={[Function]}
                  style={
                    Object {
                      "height": 30,
                      "lineHeight": "30px",
                    }
                  }
                >
                  <span
                    className="treeRowIndentSpacer"
                    style={
                      Object {
                        "width": "0px",
                      }
                    }
                  />
                  <span
                    className="treeRowToggleButton expanded canBeExpanded"
                  />
                  <span
                    className="treeViewRowColumn treeViewMainColumn name"
                  >
                    baz
                  </span>
                </div>
                <div
                  className="treeViewRow treeViewRowScrolledColumns odd  "
                  onMouseDown={[Function]}
                  style={
                    Object {
                      "height": 30,
                      "lineHeight": "30px",
                    }
                  }
                >
                  <span
                    className="treeRowIndentSpacer"
                    style={
                      Object {
                        "width": "15px",
                      }
                    }
                  />
                  <span
                    className="treeRowToggleButton collapsed leaf"
                  />
                  <span
                    className="treeViewRowColumn treeViewMainColumn name"
                  >
                    <a
                      href="http://localhost/from-url//calltree/?file=baz%2Fprofile3.json"
                      onClick={[Function]}
                    >
                      profile3.json
                    </a>
                  </span>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>
`;