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

exports[`TreeComponent renders a simple tree 1`] = `
<div
  className="treeComponent tree"
  role="tree"
>
  <TreeNodeComponent
    generation={0}
    node={
      Object {
        "children": Array [
          Object {
            "children": Array [
              Object {
                "label": "ZgrandChild11",
              },
              Object {
                "label": "AgrandChild12",
              },
            ],
            "label": "Bchild1",
          },
          Object {
            "label": "2child2",
          },
        ],
        "label": "root",
      }
    }
    paddingLeft={0}
  />
</div>
`;

exports[`TreeNodeComponent does not render children by default 1`] = `
<div
  className=" main2 nodeItem "
  onClick={[Function]}
  onKeyPress={[Function]}
  role="treeitem"
>
  <div>
    <div
      className="treeNodeHeader "
      data-test="label"
      style={
        Object {
          "paddingLeft": 9,
        }
      }
      tabIndex={-1}
    >
      <img
        alt="label branch is collapsed"
        className="expandCollapseIcon"
        onKeyPress={[Function]}
        role="button"
        src=""
        tabIndex={0}
      />
      <span
        className="nodeLabel"
        title="label"
      >
        label
      </span>
    </div>
  </div>
  <div
    className="loadingIconContainer"
  >
    <img
      className="loadingIcon"
      hidden={true}
      src=""
    />
  </div>
  <AnimateHeight
    animateOpacity={false}
    animationStateClasses={
      Object {
        "animating": "rah-animating",
        "animatingDown": "rah-animating--down",
        "animatingToHeightAuto": "rah-animating--to-height-auto",
        "animatingToHeightSpecific": "rah-animating--to-height-specific",
        "animatingToHeightZero": "rah-animating--to-height-zero",
        "animatingUp": "rah-animating--up",
        "static": "rah-static",
        "staticHeightAuto": "rah-static--height-auto",
        "staticHeightSpecific": "rah-static--height-specific",
        "staticHeightZero": "rah-static--height-zero",
      }
    }
    applyInlineTransitions={true}
    delay={0}
    duration={200}
    easing="ease"
    height={0}
    style={Object {}}
  >
    <div
      className="nodeChildren"
      data-test="label"
      role="group"
    >
      <TreeNodeComponent
        generation={3}
        key="Bchild1-3-undefined"
        node={
          Object {
            "children": Array [
              Object {
                "label": "ZgrandChild11",
              },
              Object {
                "label": "AgrandChild12",
              },
            ],
            "label": "Bchild1",
          }
        }
        paddingLeft={32}
      />
      <TreeNodeComponent
        generation={3}
        key="2child2-3-undefined"
        node={
          Object {
            "label": "2child2",
          }
        }
        paddingLeft={54}
      />
    </div>
  </AnimateHeight>
</div>
`;

exports[`TreeNodeComponent renders a simple node (sorted children, expanded) 1`] = `
<div
  className="nodeClassname main12 nodeItem "
  id="id"
  onClick={[Function]}
  onKeyPress={[Function]}
  role="treeitem"
>
  <div>
    <div
      className="treeNodeHeader "
      data-test="label"
      style={
        Object {
          "paddingLeft": 23,
        }
      }
      tabIndex={-1}
    >
      <img
        alt="label branch is expanded"
        className="expandCollapseIcon"
        onKeyPress={[Function]}
        role="button"
        src=""
        tabIndex={0}
      />
      <span
        className="nodeLabel"
        title="label"
      >
        label
      </span>
      <div
        onContextMenu={[Function]}
        onKeyPress={[Function]}
      >
        <CustomizedIconButton
          ariaLabel="More"
          className="treeMenuEllipsis"
          menuIconProps={
            Object {
              "iconName": "More",
              "styles": Object {
                "root": Object {
                  "fontSize": "18px",
                  "fontWeight": "bold",
                },
              },
            }
          }
          menuProps={
            Object {
              "contextualMenuItemAs": [Function],
              "coverTarget": true,
              "directionalHint": 3,
              "isBeakVisible": false,
              "items": Array [
                Object {
                  "className": undefined,
                  "disabled": true,
                  "key": "menuLabel",
                  "onClick": [Function],
                  "onRenderIcon": [Function],
                  "text": "menuLabel",
                },
              ],
              "onMenuDismissed": [Function],
              "onMenuOpened": [Function],
            }
          }
          name="More"
          styles={
            Object {
              "rootFocused": Object {
                "outline": "1px dashed undefined",
              },
            }
          }
          title="More"
        />
      </div>
    </div>
  </div>
  <div
    className="loadingIconContainer"
  >
    <img
      className="loadingIcon"
      hidden={true}
      src=""
    />
  </div>
  <AnimateHeight
    animateOpacity={false}
    animationStateClasses={
      Object {
        "animating": "rah-animating",
        "animatingDown": "rah-animating--down",
        "animatingToHeightAuto": "rah-animating--to-height-auto",
        "animatingToHeightSpecific": "rah-animating--to-height-specific",
        "animatingToHeightZero": "rah-animating--to-height-zero",
        "animatingUp": "rah-animating--up",
        "static": "rah-static",
        "staticHeightAuto": "rah-static--height-auto",
        "staticHeightSpecific": "rah-static--height-specific",
        "staticHeightZero": "rah-static--height-zero",
      }
    }
    applyInlineTransitions={true}
    delay={0}
    duration={200}
    easing="ease"
    height="auto"
    style={Object {}}
  >
    <div
      className="nodeChildren"
      data-test="label"
      role="group"
    >
      <TreeNodeComponent
        generation={13}
        key="2child2-13-undefined"
        node={
          Object {
            "label": "2child2",
          }
        }
        paddingLeft={214}
      />
      <TreeNodeComponent
        generation={13}
        key="Bchild1-13-undefined"
        node={
          Object {
            "children": Array [
              Object {
                "label": "ZgrandChild11",
              },
              Object {
                "label": "AgrandChild12",
              },
            ],
            "label": "Bchild1",
          }
        }
        paddingLeft={192}
      />
    </div>
  </AnimateHeight>
</div>
`;

exports[`TreeNodeComponent renders loading icon 1`] = `
<div
  className=" main2 nodeItem "
  onClick={[Function]}
  onKeyPress={[Function]}
  role="treeitem"
>
  <div>
    <div
      className="treeNodeHeader "
      data-test="label"
      style={
        Object {
          "paddingLeft": 9,
        }
      }
      tabIndex={-1}
    >
      <img
        alt="label branch is expanded"
        className="expandCollapseIcon"
        onKeyPress={[Function]}
        role="button"
        src=""
        tabIndex={0}
      />
      <span
        className="nodeLabel"
        title="label"
      >
        label
      </span>
    </div>
  </div>
  <div
    className="loadingIconContainer"
  >
    <img
      className="loadingIcon"
      hidden={true}
      src=""
    />
  </div>
  <AnimateHeight
    animateOpacity={false}
    animationStateClasses={
      Object {
        "animating": "rah-animating",
        "animatingDown": "rah-animating--down",
        "animatingToHeightAuto": "rah-animating--to-height-auto",
        "animatingToHeightSpecific": "rah-animating--to-height-specific",
        "animatingToHeightZero": "rah-animating--to-height-zero",
        "animatingUp": "rah-animating--up",
        "static": "rah-static",
        "staticHeightAuto": "rah-static--height-auto",
        "staticHeightSpecific": "rah-static--height-specific",
        "staticHeightZero": "rah-static--height-zero",
      }
    }
    applyInlineTransitions={true}
    delay={0}
    duration={200}
    easing="ease"
    height="auto"
    style={Object {}}
  >
    <div
      className="nodeChildren"
      data-test="label"
      role="group"
    />
  </AnimateHeight>
</div>
`;

exports[`TreeNodeComponent renders sorted children, expanded, leaves and parents separated 1`] = `
<div
  className="nodeClassname main12 nodeItem "
  id="id"
  onClick={[Function]}
  onKeyPress={[Function]}
  role="treeitem"
>
  <div>
    <div
      className="treeNodeHeader "
      data-test="label"
      style={
        Object {
          "paddingLeft": 23,
        }
      }
      tabIndex={-1}
    >
      <img
        alt="label branch is expanded"
        className="expandCollapseIcon"
        onKeyPress={[Function]}
        role="button"
        src=""
        tabIndex={0}
      />
      <span
        className="nodeLabel"
        title="label"
      >
        label
      </span>
      <div
        onContextMenu={[Function]}
        onKeyPress={[Function]}
      >
        <CustomizedIconButton
          ariaLabel="More"
          className="treeMenuEllipsis"
          menuIconProps={
            Object {
              "iconName": "More",
              "styles": Object {
                "root": Object {
                  "fontSize": "18px",
                  "fontWeight": "bold",
                },
              },
            }
          }
          menuProps={
            Object {
              "contextualMenuItemAs": [Function],
              "coverTarget": true,
              "directionalHint": 3,
              "isBeakVisible": false,
              "items": Array [],
              "onMenuDismissed": [Function],
              "onMenuOpened": [Function],
            }
          }
          name="More"
          styles={
            Object {
              "rootFocused": Object {
                "outline": "1px dashed undefined",
              },
            }
          }
          title="More"
        />
      </div>
    </div>
  </div>
  <div
    className="loadingIconContainer"
  >
    <img
      className="loadingIcon"
      hidden={true}
      src=""
    />
  </div>
  <AnimateHeight
    animateOpacity={false}
    animationStateClasses={
      Object {
        "animating": "rah-animating",
        "animatingDown": "rah-animating--down",
        "animatingToHeightAuto": "rah-animating--to-height-auto",
        "animatingToHeightSpecific": "rah-animating--to-height-specific",
        "animatingToHeightZero": "rah-animating--to-height-zero",
        "animatingUp": "rah-animating--up",
        "static": "rah-static",
        "staticHeightAuto": "rah-static--height-auto",
        "staticHeightSpecific": "rah-static--height-specific",
        "staticHeightZero": "rah-static--height-zero",
      }
    }
    applyInlineTransitions={true}
    delay={0}
    duration={200}
    easing="ease"
    height="auto"
    style={Object {}}
  >
    <div
      className="nodeChildren"
      data-test="label"
      role="group"
    >
      <TreeNodeComponent
        generation={13}
        key="bchild-13-undefined"
        node={
          Object {
            "children": Array [
              Object {
                "label": "ZgrandChild11",
              },
              Object {
                "label": "AgrandChild12",
              },
            ],
            "label": "bchild",
          }
        }
        paddingLeft={192}
      />
      <TreeNodeComponent
        generation={13}
        key="dchild-13-undefined"
        node={
          Object {
            "children": Array [
              Object {
                "label": "ZgrandChild11",
              },
              Object {
                "label": "AgrandChild12",
              },
            ],
            "label": "dchild",
          }
        }
        paddingLeft={192}
      />
      <TreeNodeComponent
        generation={13}
        key="aChild-13-undefined"
        node={
          Object {
            "label": "aChild",
          }
        }
        paddingLeft={214}
      />
      <TreeNodeComponent
        generation={13}
        key="cchild-13-undefined"
        node={
          Object {
            "label": "cchild",
          }
        }
        paddingLeft={214}
      />
    </div>
  </AnimateHeight>
</div>
`;

exports[`TreeNodeComponent renders unsorted children by default 1`] = `
<div
  className=" main2 nodeItem "
  onClick={[Function]}
  onKeyPress={[Function]}
  role="treeitem"
>
  <div>
    <div
      className="treeNodeHeader "
      data-test="label"
      style={
        Object {
          "paddingLeft": 9,
        }
      }
      tabIndex={-1}
    >
      <img
        alt="label branch is expanded"
        className="expandCollapseIcon"
        onKeyPress={[Function]}
        role="button"
        src=""
        tabIndex={0}
      />
      <span
        className="nodeLabel"
        title="label"
      >
        label
      </span>
    </div>
  </div>
  <div
    className="loadingIconContainer"
  >
    <img
      className="loadingIcon"
      hidden={true}
      src=""
    />
  </div>
  <AnimateHeight
    animateOpacity={false}
    animationStateClasses={
      Object {
        "animating": "rah-animating",
        "animatingDown": "rah-animating--down",
        "animatingToHeightAuto": "rah-animating--to-height-auto",
        "animatingToHeightSpecific": "rah-animating--to-height-specific",
        "animatingToHeightZero": "rah-animating--to-height-zero",
        "animatingUp": "rah-animating--up",
        "static": "rah-static",
        "staticHeightAuto": "rah-static--height-auto",
        "staticHeightSpecific": "rah-static--height-specific",
        "staticHeightZero": "rah-static--height-zero",
      }
    }
    applyInlineTransitions={true}
    delay={0}
    duration={200}
    easing="ease"
    height="auto"
    style={Object {}}
  >
    <div
      className="nodeChildren"
      data-test="label"
      role="group"
    >
      <TreeNodeComponent
        generation={3}
        key="Bchild1-3-undefined"
        node={
          Object {
            "children": Array [
              Object {
                "label": "ZgrandChild11",
              },
              Object {
                "label": "AgrandChild12",
              },
            ],
            "label": "Bchild1",
          }
        }
        paddingLeft={32}
      />
      <TreeNodeComponent
        generation={3}
        key="2child2-3-undefined"
        node={
          Object {
            "label": "2child2",
          }
        }
        paddingLeft={54}
      />
    </div>
  </AnimateHeight>
</div>
`;
