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

exports[`ApplicationTopologyModule with selected node ID ApplicationTopologyModule renders correctly when topology is expanded---bbb 1`] = `
<div
  className="resourceDiagramSourceContainer"
>
  <div
    className="topology-controls"
  >
    <div
      className="topology-control-container"
    >
      <div
        id="search-textbox-portal-id"
      />
    </div>
  </div>
  <div
    className="resource-toolbar"
    id="resource-toolbar"
  >
    <div
      className="resource-toolbar-container"
    >
      <div
        className="resource-toolbar-buttons"
      >
        <div
          id="assorted-filter-open-portal-id"
        />
      </div>
      <div
        id="assorted-filter-close-portal-id"
      />
    </div>
  </div>
  <div
    className="resourceDiagramControlsContainer"
  >
    <div
      className="diagram-title"
    >
      Resource topology
      <svg
        className="diagram-title-divider"
      >
        <rect />
      </svg>
      <span
        className="how-to-read-text"
        onClick={[Function]}
        onKeyPress={[Function]}
        role="button"
        tabIndex="0"
      >
        How to read topology
        <svg
          className="how-to-read-icon"
        >
          <use
            href="#diagramIcons_sidecar"
          />
        </svg>
      </span>
    </div>
    <div
      className="topologyDiagramContainer"
    >
      <div
        className="refresh-time-div"
      >
        <div
          className="refresh-time-container"
        >
          <div
            className="reloading-container"
          >
            <div
              aria-live="assertive"
              className="bx--loading bx--loading--small"
            >
              <svg
                className="bx--loading__svg"
                viewBox="-75 -75 150 150"
              >
                <circle
                  cx="0"
                  cy="0"
                  r="37.5"
                />
              </svg>
            </div>
          </div>
          <div
            className="refresh-time-selection"
          >
            <div
              aria-label="Refresh"
              className="button"
              id="refreshButton"
              onClick={[Function]}
              onKeyPress={[Function]}
              role="button"
              tabIndex="0"
              title="Refresh"
            >
              <svg
                className="button-icon"
              >
                <use
                  href="#diagramIcons_autoRefresh"
                />
              </svg>
            </div>
            <div
              aria-label="Choose refresh"
              className="bx--dropdown selection bx--list-box"
              onClick={[Function]}
              onKeyDown={[Function]}
              role="listbox"
              tabIndex="0"
            >
              <div
                aria-expanded={false}
                aria-haspopup={true}
                aria-label="open menu"
                className="bx--list-box__field"
                data-toggle={true}
                disabled={false}
                onBlur={[Function]}
                onClick={[Function]}
                onKeyDown={[Function]}
                role="button"
                tabIndex="0"
                type="button"
              >
                <span
                  className="bx--list-box__label"
                  htmlFor="refreshDropdown-input"
                >
                  Disable refresh
                </span>
                <div
                  className="bx--list-box__menu-icon"
                >
                  <svg
                    alt="Open menu"
                    aria-label="Open menu"
                    fillRule="evenodd"
                    height="5"
                    role="img"
                    viewBox="0 0 10 5"
                    width="10"
                  >
                    <title>
                      Open menu
                    </title>
                    <path
                      d="M0 0l5 4.998L10 0z"
                    />
                  </svg>
                </div>
              </div>
            </div>
          </div>
          <div>
            Last update: {0}
          </div>
        </div>
      </div>
      <div
        className="diagramViewerDiagram"
      >
        <div
          className="diagramViewerContainerContainer"
          id="diagram-viewer-container-container"
        >
          <div
            aria-label="zoom"
            className="diagramViewerContainer"
            role="region"
            style={
              Object {
                "height": "100%",
                "width": "100%",
              }
            }
          >
            <svg
              className="topologyDiagram"
              id="topologySvgId"
            />
          </div>
          <div
            className="secondaryLoad"
          >
            <span
              aria-valuetext="Loading..."
              className="pf-c-spinner pf-m-xl"
              role="progressbar"
            >
              <span
                className="pf-c-spinner__clipper"
              />
              <span
                className="pf-c-spinner__lead-ball"
              />
              <span
                className="pf-c-spinner__tail-ball"
              />
            </span>
          </div>
          <div
            className="layoutLoadingContainer"
          >
            <span
              aria-valuetext="Loading..."
              className="pf-c-spinner pf-m-xl"
              role="progressbar"
            >
              <span
                className="pf-c-spinner__clipper"
              />
              <span
                className="pf-c-spinner__lead-ball"
              />
              <span
                className="pf-c-spinner__tail-ball"
              />
            </span>
          </div>
        </div>
        <span
          className="diagramControls"
        >
          <div
            className="diagram-controls"
          >
            <div
              aria-label="Zoom in"
              className="zoom-in-button rectangle-zoom"
              onClick={[Function]}
              onKeyPress={[Function]}
              role="button"
              tabIndex="0"
              title="Zoom in"
            >
              <svg
                className="icon"
              >
                <use
                  href="#diagramIcons_zoomIn"
                />
              </svg>
            </div>
            <div
              aria-label="Zoom out"
              className="zoom-out-button rectangle-zoom"
              onClick={[Function]}
              onKeyPress={[Function]}
              role="button"
              tabIndex="0"
              title="Zoom out"
            >
              <svg
                className="icon"
              >
                <use
                  href="#diagramIcons_zoomOut"
                />
              </svg>
            </div>
            <div
              aria-label="Zoom to fit"
              className="zoom-target-button rectangle-zoom"
              onClick={[Function]}
              onKeyPress={[Function]}
              role="button"
              tabIndex="0"
              title="Zoom to fit"
            >
              <svg
                className="icon_target"
              >
                <use
                  href="#diagramIcons_zoomTarget"
                />
              </svg>
            </div>
          </div>
        </span>
      </div>
    </div>
  </div>
</div>
`;

exports[`ApplicationTopologyModule with selected node ID ApplicationTopologyModule renders correctly when topology is not expanded---aaa 1`] = `
<div
  className="resourceDiagramSourceContainer"
>
  <div
    className="topology-controls"
  >
    <div
      className="topology-control-container"
    >
      <div
        id="search-textbox-portal-id"
      />
    </div>
  </div>
  <div
    className="resource-toolbar"
    id="resource-toolbar"
  >
    <div
      className="resource-toolbar-container"
    >
      <div
        className="resource-toolbar-buttons"
      >
        <div
          id="assorted-filter-open-portal-id"
        />
      </div>
      <div
        id="assorted-filter-close-portal-id"
      />
    </div>
  </div>
  <div
    className="resourceDiagramControlsContainer"
  >
    <div
      className="diagram-title"
    >
      Resource topology
      <svg
        className="diagram-title-divider"
      >
        <rect />
      </svg>
      <span
        className="how-to-read-text"
        onClick={[Function]}
        onKeyPress={[Function]}
        role="button"
        tabIndex="0"
      >
        How to read topology
        <svg
          className="how-to-read-icon"
        >
          <use
            href="#diagramIcons_sidecar"
          />
        </svg>
      </span>
    </div>
    <div
      className="topologyDiagramContainer"
    >
      <div
        className="refresh-time-div"
      >
        <div
          className="refresh-time-container"
        >
          <div
            className="reloading-container"
          >
            <div
              aria-live="assertive"
              className="bx--loading bx--loading--small"
            >
              <svg
                className="bx--loading__svg"
                viewBox="-75 -75 150 150"
              >
                <circle
                  cx="0"
                  cy="0"
                  r="37.5"
                />
              </svg>
            </div>
          </div>
          <div
            className="refresh-time-selection"
          >
            <div
              aria-label="Refresh"
              className="button"
              id="refreshButton"
              onClick={[Function]}
              onKeyPress={[Function]}
              role="button"
              tabIndex="0"
              title="Refresh"
            >
              <svg
                className="button-icon"
              >
                <use
                  href="#diagramIcons_autoRefresh"
                />
              </svg>
            </div>
            <div
              aria-label="Choose refresh"
              className="bx--dropdown selection bx--list-box"
              onClick={[Function]}
              onKeyDown={[Function]}
              role="listbox"
              tabIndex="0"
            >
              <div
                aria-expanded={false}
                aria-haspopup={true}
                aria-label="open menu"
                className="bx--list-box__field"
                data-toggle={true}
                disabled={false}
                onBlur={[Function]}
                onClick={[Function]}
                onKeyDown={[Function]}
                role="button"
                tabIndex="0"
                type="button"
              >
                <span
                  className="bx--list-box__label"
                  htmlFor="refreshDropdown-input"
                >
                  Disable refresh
                </span>
                <div
                  className="bx--list-box__menu-icon"
                >
                  <svg
                    alt="Open menu"
                    aria-label="Open menu"
                    fillRule="evenodd"
                    height="5"
                    role="img"
                    viewBox="0 0 10 5"
                    width="10"
                  >
                    <title>
                      Open menu
                    </title>
                    <path
                      d="M0 0l5 4.998L10 0z"
                    />
                  </svg>
                </div>
              </div>
            </div>
          </div>
          <div>
            Last update: {0}
          </div>
        </div>
      </div>
      <div
        className="diagramViewerDiagram"
      >
        <div
          className="diagramViewerContainerContainer"
          id="diagram-viewer-container-container"
        >
          <div
            aria-label="zoom"
            className="diagramViewerContainer"
            role="region"
            style={
              Object {
                "height": "100%",
                "width": "100%",
              }
            }
          >
            <svg
              className="topologyDiagram"
              id="topologySvgId"
            />
          </div>
          <div
            className="secondaryLoad"
          >
            <span
              aria-valuetext="Loading..."
              className="pf-c-spinner pf-m-xl"
              role="progressbar"
            >
              <span
                className="pf-c-spinner__clipper"
              />
              <span
                className="pf-c-spinner__lead-ball"
              />
              <span
                className="pf-c-spinner__tail-ball"
              />
            </span>
          </div>
          <div
            className="layoutLoadingContainer"
          >
            <span
              aria-valuetext="Loading..."
              className="pf-c-spinner pf-m-xl"
              role="progressbar"
            >
              <span
                className="pf-c-spinner__clipper"
              />
              <span
                className="pf-c-spinner__lead-ball"
              />
              <span
                className="pf-c-spinner__tail-ball"
              />
            </span>
          </div>
        </div>
        <span
          className="diagramControls"
        >
          <div
            className="diagram-controls"
          >
            <div
              aria-label="Zoom in"
              className="zoom-in-button rectangle-zoom"
              onClick={[Function]}
              onKeyPress={[Function]}
              role="button"
              tabIndex="0"
              title="Zoom in"
            >
              <svg
                className="icon"
              >
                <use
                  href="#diagramIcons_zoomIn"
                />
              </svg>
            </div>
            <div
              aria-label="Zoom out"
              className="zoom-out-button rectangle-zoom"
              onClick={[Function]}
              onKeyPress={[Function]}
              role="button"
              tabIndex="0"
              title="Zoom out"
            >
              <svg
                className="icon"
              >
                <use
                  href="#diagramIcons_zoomOut"
                />
              </svg>
            </div>
            <div
              aria-label="Zoom to fit"
              className="zoom-target-button rectangle-zoom"
              onClick={[Function]}
              onKeyPress={[Function]}
              role="button"
              tabIndex="0"
              title="Zoom to fit"
            >
              <svg
                className="icon_target"
              >
                <use
                  href="#diagramIcons_zoomTarget"
                />
              </svg>
            </div>
          </div>
        </span>
      </div>
    </div>
  </div>
</div>
`;
