sonarqube/server/sonar-web/src/main/js/app/components/nav/component/__tests__/__snapshots__/Menu-test.tsx.snap

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

exports[`should disable links if application has inaccessible projects 1`] = `
<div
  className="display-flex-center display-flex-space-between"
>
  <NavBarTabs>
    <li>
      <Tooltip
        overlay="layout.all_project_must_be_accessible.qualifier.APP"
      >
        <a
          aria-disabled="true"
          className="disabled-link"
        >
          overview.page
        </a>
      </Tooltip>
    </li>
    <li>
      <Tooltip
        overlay="layout.all_project_must_be_accessible.qualifier.APP"
      >
        <a
          aria-disabled="true"
          className="disabled-link"
        >
          issues.page
        </a>
      </Tooltip>
    </li>
    <li>
      <Tooltip
        overlay="layout.all_project_must_be_accessible.qualifier.APP"
      >
        <a
          aria-disabled="true"
          className="disabled-link"
        >
          layout.security_hotspots
        </a>
      </Tooltip>
    </li>
    <li>
      <Tooltip
        overlay="layout.all_project_must_be_accessible.qualifier.APP"
      >
        <a
          aria-disabled="true"
          className="disabled-link"
        >
          layout.measures
        </a>
      </Tooltip>
    </li>
    <li>
      <Tooltip
        overlay="layout.all_project_must_be_accessible.qualifier.APP"
      >
        <a
          aria-disabled="true"
          className="disabled-link"
        >
          view_projects.page
        </a>
      </Tooltip>
    </li>
    <li>
      <Tooltip
        overlay="layout.all_project_must_be_accessible.qualifier.APP"
      >
        <a
          aria-disabled="true"
          className="disabled-link"
        >
          project_activity.page
        </a>
      </Tooltip>
    </li>
  </NavBarTabs>
  <NavBarTabs>
    <Dropdown
      data-test="administration"
      overlay={
        <ul
          className="menu"
        >
          <li>
            <Link
              activeClassName="active"
              onlyActiveOnIndex={false}
              style={Object {}}
              to={
                Object {
                  "pathname": "/application/console",
                  "query": Object {
                    "id": "foo",
                  },
                }
              }
            >
              application_console.page
            </Link>
          </li>
          <li>
            <Link
              activeClassName="active"
              onlyActiveOnIndex={false}
              style={Object {}}
              to={
                Object {
                  "pathname": "/project/import_export",
                  "query": Object {
                    "id": "foo",
                  },
                }
              }
            >
              project_dump.page
            </Link>
          </li>
          <li>
            <Link
              activeClassName="active"
              onlyActiveOnIndex={false}
              style={Object {}}
              to={
                Object {
                  "pathname": "/project/deletion",
                  "query": Object {
                    "id": "foo",
                  },
                }
              }
            >
              deletion.page
            </Link>
          </li>
        </ul>
      }
      tagName="li"
    >
      <Component />
    </Dropdown>
    <li>
      <Tooltip
        overlay="layout.all_project_must_be_accessible.qualifier.APP"
      >
        <a
          aria-disabled="true"
          className="disabled-link"
        >
          application.info.title
        </a>
      </Tooltip>
    </li>
  </NavBarTabs>
</div>
`;

exports[`should disable links if no analysis has been done 1`] = `
<div
  className="display-flex-center display-flex-space-between"
>
  <NavBarTabs>
    <li>
      <Link
        activeClassName="active"
        onlyActiveOnIndex={false}
        style={Object {}}
        to={
          Object {
            "pathname": "/dashboard",
            "query": Object {
              "id": "foo",
            },
          }
        }
      >
        overview.page
      </Link>
    </li>
    <li>
      <Tooltip
        overlay="layout.must_be_configured"
      >
        <a
          aria-disabled="true"
          className="disabled-link"
        >
          issues.page
        </a>
      </Tooltip>
    </li>
    <li>
      <Tooltip
        overlay="layout.must_be_configured"
      >
        <a
          aria-disabled="true"
          className="disabled-link"
        >
          layout.security_hotspots
        </a>
      </Tooltip>
    </li>
    <li>
      <Tooltip
        overlay="layout.must_be_configured"
      >
        <a
          aria-disabled="true"
          className="disabled-link"
        >
          layout.measures
        </a>
      </Tooltip>
    </li>
    <li>
      <Tooltip
        overlay="layout.must_be_configured"
      >
        <a
          aria-disabled="true"
          className="disabled-link"
        >
          code.page
        </a>
      </Tooltip>
    </li>
    <li>
      <Tooltip
        overlay="layout.must_be_configured"
      >
        <a
          aria-disabled="true"
          className="disabled-link"
        >
          project_activity.page
        </a>
      </Tooltip>
    </li>
  </NavBarTabs>
  <NavBarTabs>
    <li>
      <a
        className="menu-button"
        onClick={[Function]}
        role="button"
        tabIndex={0}
      >
        <BulletListIcon
          className="little-spacer-right"
        />
        project.info.title
      </a>
    </li>
  </NavBarTabs>
</div>
`;

exports[`should render correctly for security extensions 1`] = `
<Dropdown
  data-test="extensions"
  overlay={
    <ul
      className="menu"
    >
      <li>
        <Link
          activeClassName="active"
          onlyActiveOnIndex={false}
          style={Object {}}
          to={
            Object {
              "pathname": "/project/extension/component-bar",
              "query": Object {
                "id": "foo",
                "qualifier": "TRK",
              },
            }
          }
        >
          ComponentBar
        </Link>
      </li>
    </ul>
  }
  tagName="li"
>
  <Component />
</Dropdown>
`;

exports[`should render correctly for security extensions 2`] = `null`;

exports[`should work for a branch 1`] = `
<div
  className="display-flex-center display-flex-space-between"
>
  <NavBarTabs>
    <li>
      <Link
        activeClassName="active"
        onlyActiveOnIndex={false}
        style={Object {}}
        to={
          Object {
            "pathname": "/dashboard",
            "query": Object {
              "branch": "release",
              "id": "foo",
            },
          }
        }
      >
        overview.page
      </Link>
    </li>
    <li>
      <Link
        onlyActiveOnIndex={false}
        style={Object {}}
        to={
          Object {
            "pathname": "/project/issues",
            "query": Object {
              "branch": "release",
              "id": "foo",
              "resolved": "false",
            },
          }
        }
      >
        issues.page
      </Link>
    </li>
    <li>
      <Link
        onlyActiveOnIndex={false}
        style={Object {}}
        to={
          Object {
            "pathname": "/security_hotspots",
            "query": Object {
              "branch": "release",
              "id": "foo",
            },
          }
        }
      >
        layout.security_hotspots
      </Link>
    </li>
    <li>
      <Link
        onlyActiveOnIndex={false}
        style={Object {}}
        to={
          Object {
            "pathname": "component_measures",
            "query": Object {
              "branch": "release",
              "id": "foo",
            },
          }
        }
      >
        layout.measures
      </Link>
    </li>
    <li>
      <Link
        onlyActiveOnIndex={false}
        style={Object {}}
        to={
          Object {
            "pathname": "/code",
            "query": Object {
              "branch": "release",
              "id": "foo",
            },
          }
        }
      >
        code.page
      </Link>
    </li>
    <li>
      <Link
        onlyActiveOnIndex={false}
        style={Object {}}
        to={
          Object {
            "pathname": "/project/activity",
            "query": Object {
              "branch": "release",
              "id": "foo",
            },
          }
        }
      >
        project_activity.page
      </Link>
    </li>
    <Dropdown
      data-test="extensions"
      overlay={
        <ul
          className="menu"
        >
          <li>
            <Link
              activeClassName="active"
              onlyActiveOnIndex={false}
              style={Object {}}
              to={
                Object {
                  "pathname": "/project/extension/component-foo",
                  "query": Object {
                    "branch": "release",
                    "id": "foo",
                    "qualifier": "TRK",
                  },
                }
              }
            >
              ComponentFoo
            </Link>
          </li>
        </ul>
      }
      tagName="li"
    >
      <Component />
    </Dropdown>
  </NavBarTabs>
  <NavBarTabs>
    <Dropdown
      data-test="administration"
      overlay={
        <ul
          className="menu"
        >
          <li>
            <Link
              activeClassName="active"
              onlyActiveOnIndex={false}
              style={Object {}}
              to={
                Object {
                  "pathname": "/project/settings",
                  "query": Object {
                    "branch": "release",
                    "id": "foo",
                  },
                }
              }
            >
              project_settings.page
            </Link>
          </li>
          <li>
            <Link
              activeClassName="active"
              onlyActiveOnIndex={false}
              style={Object {}}
              to={
                Object {
                  "pathname": "/project/branches",
                  "query": Object {
                    "branch": "release",
                    "id": "foo",
                  },
                }
              }
            >
              project_branch_pull_request.page
            </Link>
          </li>
          <li>
            <Link
              activeClassName="active"
              onlyActiveOnIndex={false}
              style={Object {}}
              to={
                Object {
                  "pathname": "/project/baseline",
                  "query": Object {
                    "branch": "release",
                    "id": "foo",
                  },
                }
              }
            >
              project_baseline.page
            </Link>
          </li>
          <li>
            <Link
              activeClassName="active"
              onlyActiveOnIndex={false}
              style={Object {}}
              to={
                Object {
                  "pathname": "/project/import_export",
                  "query": Object {
                    "branch": "release",
                    "id": "foo",
                  },
                }
              }
            >
              project_dump.page
            </Link>
          </li>
          <li>
            <Link
              activeClassName="active"
              onlyActiveOnIndex={false}
              style={Object {}}
              to={
                Object {
                  "pathname": "/project/webhooks",
                  "query": Object {
                    "branch": "release",
                    "id": "foo",
                  },
                }
              }
            >
              webhooks.page
            </Link>
          </li>
          <li>
            <Link
              activeClassName="active"
              onlyActiveOnIndex={false}
              style={Object {}}
              to={
                Object {
                  "pathname": "/project/deletion",
                  "query": Object {
                    "branch": "release",
                    "id": "foo",
                  },
                }
              }
            >
              deletion.page
            </Link>
          </li>
        </ul>
      }
      tagName="li"
    >
      <Component />
    </Dropdown>
    <li>
      <a
        className="menu-button"
        onClick={[Function]}
        role="button"
        tabIndex={0}
      >
        <BulletListIcon
          className="little-spacer-right"
        />
        project.info.title
      </a>
    </li>
  </NavBarTabs>
</div>
`;

exports[`should work for a branch 2`] = `
<div
  className="display-flex-center display-flex-space-between"
>
  <NavBarTabs>
    <li>
      <Link
        activeClassName="active"
        onlyActiveOnIndex={false}
        style={Object {}}
        to={
          Object {
            "pathname": "/dashboard",
            "query": Object {
              "branch": "release",
              "id": "foo",
            },
          }
        }
      >
        overview.page
      </Link>
    </li>
    <li>
      <Link
        onlyActiveOnIndex={false}
        style={Object {}}
        to={
          Object {
            "pathname": "/project/issues",
            "query": Object {
              "branch": "release",
              "id": "foo",
              "resolved": "false",
            },
          }
        }
      >
        issues.page
      </Link>
    </li>
    <li>
      <Link
        onlyActiveOnIndex={false}
        style={Object {}}
        to={
          Object {
            "pathname": "/security_hotspots",
            "query": Object {
              "branch": "release",
              "id": "foo",
            },
          }
        }
      >
        layout.security_hotspots
      </Link>
    </li>
    <li>
      <Link
        onlyActiveOnIndex={false}
        style={Object {}}
        to={
          Object {
            "pathname": "component_measures",
            "query": Object {
              "branch": "release",
              "id": "foo",
            },
          }
        }
      >
        layout.measures
      </Link>
    </li>
    <li>
      <Link
        onlyActiveOnIndex={false}
        style={Object {}}
        to={
          Object {
            "pathname": "/code",
            "query": Object {
              "branch": "release",
              "id": "foo",
            },
          }
        }
      >
        code.page
      </Link>
    </li>
    <li>
      <Link
        onlyActiveOnIndex={false}
        style={Object {}}
        to={
          Object {
            "pathname": "/project/activity",
            "query": Object {
              "branch": "release",
              "id": "foo",
            },
          }
        }
      >
        project_activity.page
      </Link>
    </li>
    <Dropdown
      data-test="extensions"
      overlay={
        <ul
          className="menu"
        >
          <li>
            <Link
              activeClassName="active"
              onlyActiveOnIndex={false}
              style={Object {}}
              to={
                Object {
                  "pathname": "/project/extension/component-foo",
                  "query": Object {
                    "branch": "release",
                    "id": "foo",
                    "qualifier": "TRK",
                  },
                }
              }
            >
              ComponentFoo
            </Link>
          </li>
        </ul>
      }
      tagName="li"
    >
      <Component />
    </Dropdown>
  </NavBarTabs>
  <NavBarTabs>
    <li>
      <a
        className="menu-button"
        onClick={[Function]}
        role="button"
        tabIndex={0}
      >
        <BulletListIcon
          className="little-spacer-right"
        />
        project.info.title
      </a>
    </li>
  </NavBarTabs>
</div>
`;

exports[`should work for all qualifiers 1`] = `
<div
  className="display-flex-center display-flex-space-between"
>
  <NavBarTabs>
    <li>
      <Link
        activeClassName="active"
        onlyActiveOnIndex={false}
        style={Object {}}
        to={
          Object {
            "pathname": "/dashboard",
            "query": Object {
              "id": "foo",
            },
          }
        }
      >
        overview.page
      </Link>
    </li>
    <li>
      <Link
        onlyActiveOnIndex={false}
        style={Object {}}
        to={
          Object {
            "pathname": "/project/issues",
            "query": Object {
              "id": "foo",
              "resolved": "false",
            },
          }
        }
      >
        issues.page
      </Link>
    </li>
    <li>
      <Link
        onlyActiveOnIndex={false}
        style={Object {}}
        to={
          Object {
            "pathname": "/security_hotspots",
            "query": Object {
              "id": "foo",
            },
          }
        }
      >
        layout.security_hotspots
      </Link>
    </li>
    <li>
      <Link
        onlyActiveOnIndex={false}
        style={Object {}}
        to={
          Object {
            "pathname": "component_measures",
            "query": Object {
              "id": "foo",
            },
          }
        }
      >
        layout.measures
      </Link>
    </li>
    <li>
      <Link
        onlyActiveOnIndex={false}
        style={Object {}}
        to={
          Object {
            "pathname": "/code",
            "query": Object {
              "id": "foo",
            },
          }
        }
      >
        code.page
      </Link>
    </li>
    <li>
      <Link
        onlyActiveOnIndex={false}
        style={Object {}}
        to={
          Object {
            "pathname": "/project/activity",
            "query": Object {
              "id": "foo",
            },
          }
        }
      >
        project_activity.page
      </Link>
    </li>
  </NavBarTabs>
  <NavBarTabs>
    <Dropdown
      data-test="administration"
      overlay={
        <ul
          className="menu"
        >
          <li>
            <Link
              activeClassName="active"
              onlyActiveOnIndex={false}
              style={Object {}}
              to={
                Object {
                  "pathname": "/project/settings",
                  "query": Object {
                    "id": "foo",
                  },
                }
              }
            >
              project_settings.page
            </Link>
          </li>
          <li>
            <Link
              activeClassName="active"
              onlyActiveOnIndex={false}
              style={Object {}}
              to={
                Object {
                  "pathname": "/project/branches",
                  "query": Object {
                    "id": "foo",
                  },
                }
              }
            >
              project_branch_pull_request.page
            </Link>
          </li>
          <li>
            <Link
              activeClassName="active"
              onlyActiveOnIndex={false}
              style={Object {}}
              to={
                Object {
                  "pathname": "/project/baseline",
                  "query": Object {
                    "id": "foo",
                  },
                }
              }
            >
              project_baseline.page
            </Link>
          </li>
          <li>
            <Link
              activeClassName="active"
              onlyActiveOnIndex={false}
              style={Object {}}
              to={
                Object {
                  "pathname": "/project/import_export",
                  "query": Object {
                    "id": "foo",
                  },
                }
              }
            >
              project_dump.page
            </Link>
          </li>
          <li>
            <Link
              activeClassName="active"
              onlyActiveOnIndex={false}
              style={Object {}}
              to={
                Object {
                  "pathname": "/project/webhooks",
                  "query": Object {
                    "id": "foo",
                  },
                }
              }
            >
              webhooks.page
            </Link>
          </li>
          <li>
            <Link
              activeClassName="active"
              onlyActiveOnIndex={false}
              style={Object {}}
              to={
                Object {
                  "pathname": "/project/deletion",
                  "query": Object {
                    "id": "foo",
                  },
                }
              }
            >
              deletion.page
            </Link>
          </li>
        </ul>
      }
      tagName="li"
    >
      <Component />
    </Dropdown>
    <li>
      <a
        className="menu-button"
        onClick={[Function]}
        role="button"
        tabIndex={0}
      >
        <BulletListIcon
          className="little-spacer-right"
        />
        project.info.title
      </a>
    </li>
  </NavBarTabs>
</div>
`;

exports[`should work for all qualifiers 2`] = `
<div
  className="display-flex-center display-flex-space-between"
>
  <NavBarTabs>
    <li>
      <Link
        activeClassName="active"
        onlyActiveOnIndex={false}
        style={Object {}}
        to={
          Object {
            "pathname": "/portfolio",
            "query": Object {
              "id": "foo",
            },
          }
        }
      >
        overview.page
      </Link>
    </li>
    <li>
      <Link
        onlyActiveOnIndex={false}
        style={Object {}}
        to={
          Object {
            "pathname": "/project/issues",
            "query": Object {
              "id": "foo",
              "resolved": "false",
            },
          }
        }
      >
        issues.page
      </Link>
    </li>
    <li>
      <Link
        onlyActiveOnIndex={false}
        style={Object {}}
        to={
          Object {
            "pathname": "component_measures",
            "query": Object {
              "id": "foo",
            },
          }
        }
      >
        layout.measures
      </Link>
    </li>
    <li>
      <Link
        onlyActiveOnIndex={false}
        style={Object {}}
        to={
          Object {
            "pathname": "/code",
            "query": Object {
              "id": "foo",
            },
          }
        }
      >
        view_projects.page
      </Link>
    </li>
    <li>
      <Link
        onlyActiveOnIndex={false}
        style={Object {}}
        to={
          Object {
            "pathname": "/project/activity",
            "query": Object {
              "id": "foo",
            },
          }
        }
      >
        project_activity.page
      </Link>
    </li>
  </NavBarTabs>
  <NavBarTabs>
    <Dropdown
      data-test="administration"
      overlay={
        <ul
          className="menu"
        >
          <li>
            <Link
              activeClassName="active"
              onlyActiveOnIndex={false}
              style={Object {}}
              to={
                Object {
                  "pathname": "/project/import_export",
                  "query": Object {
                    "id": "foo",
                  },
                }
              }
            >
              project_dump.page
            </Link>
          </li>
          <li>
            <Link
              activeClassName="active"
              onlyActiveOnIndex={false}
              style={Object {}}
              to={
                Object {
                  "pathname": "/project/deletion",
                  "query": Object {
                    "id": "foo",
                  },
                }
              }
            >
              deletion.page
            </Link>
          </li>
        </ul>
      }
      tagName="li"
    >
      <Component />
    </Dropdown>
  </NavBarTabs>
</div>
`;

exports[`should work for all qualifiers 3`] = `
<div
  className="display-flex-center display-flex-space-between"
>
  <NavBarTabs>
    <li>
      <Link
        activeClassName="active"
        onlyActiveOnIndex={false}
        style={Object {}}
        to={
          Object {
            "pathname": "/portfolio",
            "query": Object {
              "id": "foo",
            },
          }
        }
      >
        overview.page
      </Link>
    </li>
    <li>
      <Link
        onlyActiveOnIndex={false}
        style={Object {}}
        to={
          Object {
            "pathname": "/project/issues",
            "query": Object {
              "id": "foo",
              "resolved": "false",
            },
          }
        }
      >
        issues.page
      </Link>
    </li>
    <li>
      <Link
        onlyActiveOnIndex={false}
        style={Object {}}
        to={
          Object {
            "pathname": "component_measures",
            "query": Object {
              "id": "foo",
            },
          }
        }
      >
        layout.measures
      </Link>
    </li>
    <li>
      <Link
        onlyActiveOnIndex={false}
        style={Object {}}
        to={
          Object {
            "pathname": "/code",
            "query": Object {
              "id": "foo",
            },
          }
        }
      >
        view_projects.page
      </Link>
    </li>
    <li>
      <Link
        onlyActiveOnIndex={false}
        style={Object {}}
        to={
          Object {
            "pathname": "/project/activity",
            "query": Object {
              "id": "foo",
            },
          }
        }
      >
        project_activity.page
      </Link>
    </li>
  </NavBarTabs>
  <NavBarTabs>
    <Dropdown
      data-test="administration"
      overlay={
        <ul
          className="menu"
        >
          <li>
            <Link
              activeClassName="active"
              onlyActiveOnIndex={false}
              style={Object {}}
              to={
                Object {
                  "pathname": "/project/import_export",
                  "query": Object {
                    "id": "foo",
                  },
                }
              }
            >
              project_dump.page
            </Link>
          </li>
        </ul>
      }
      tagName="li"
    >
      <Component />
    </Dropdown>
  </NavBarTabs>
</div>
`;

exports[`should work for all qualifiers 4`] = `
<div
  className="display-flex-center display-flex-space-between"
>
  <NavBarTabs>
    <li>
      <Link
        activeClassName="active"
        onlyActiveOnIndex={false}
        style={Object {}}
        to={
          Object {
            "pathname": "/dashboard",
            "query": Object {
              "id": "foo",
            },
          }
        }
      >
        overview.page
      </Link>
    </li>
    <li>
      <Link
        onlyActiveOnIndex={false}
        style={Object {}}
        to={
          Object {
            "pathname": "/project/issues",
            "query": Object {
              "id": "foo",
              "resolved": "false",
            },
          }
        }
      >
        issues.page
      </Link>
    </li>
    <li>
      <Link
        onlyActiveOnIndex={false}
        style={Object {}}
        to={
          Object {
            "pathname": "/security_hotspots",
            "query": Object {
              "id": "foo",
            },
          }
        }
      >
        layout.security_hotspots
      </Link>
    </li>
    <li>
      <Link
        onlyActiveOnIndex={false}
        style={Object {}}
        to={
          Object {
            "pathname": "component_measures",
            "query": Object {
              "id": "foo",
            },
          }
        }
      >
        layout.measures
      </Link>
    </li>
    <li>
      <Link
        onlyActiveOnIndex={false}
        style={Object {}}
        to={
          Object {
            "pathname": "/code",
            "query": Object {
              "id": "foo",
            },
          }
        }
      >
        view_projects.page
      </Link>
    </li>
    <li>
      <Link
        onlyActiveOnIndex={false}
        style={Object {}}
        to={
          Object {
            "pathname": "/project/activity",
            "query": Object {
              "id": "foo",
            },
          }
        }
      >
        project_activity.page
      </Link>
    </li>
  </NavBarTabs>
  <NavBarTabs>
    <Dropdown
      data-test="administration"
      overlay={
        <ul
          className="menu"
        >
          <li>
            <Link
              activeClassName="active"
              onlyActiveOnIndex={false}
              style={Object {}}
              to={
                Object {
                  "pathname": "/application/console",
                  "query": Object {
                    "id": "foo",
                  },
                }
              }
            >
              application_console.page
            </Link>
          </li>
          <li>
            <Link
              activeClassName="active"
              onlyActiveOnIndex={false}
              style={Object {}}
              to={
                Object {
                  "pathname": "/project/import_export",
                  "query": Object {
                    "id": "foo",
                  },
                }
              }
            >
              project_dump.page
            </Link>
          </li>
          <li>
            <Link
              activeClassName="active"
              onlyActiveOnIndex={false}
              style={Object {}}
              to={
                Object {
                  "pathname": "/project/deletion",
                  "query": Object {
                    "id": "foo",
                  },
                }
              }
            >
              deletion.page
            </Link>
          </li>
        </ul>
      }
      tagName="li"
    >
      <Component />
    </Dropdown>
    <li>
      <a
        className="menu-button"
        onClick={[Function]}
        role="button"
        tabIndex={0}
      >
        <BulletListIcon
          className="little-spacer-right"
        />
        application.info.title
      </a>
    </li>
  </NavBarTabs>
</div>
`;

exports[`should work for pull requests 1`] = `
<div
  className="display-flex-center display-flex-space-between"
>
  <NavBarTabs>
    <li>
      <Link
        activeClassName="active"
        onlyActiveOnIndex={false}
        style={Object {}}
        to={
          Object {
            "pathname": "/dashboard",
            "query": Object {
              "id": "foo",
              "pullRequest": "1001",
            },
          }
        }
      >
        overview.page
      </Link>
    </li>
    <li>
      <Link
        onlyActiveOnIndex={false}
        style={Object {}}
        to={
          Object {
            "pathname": "/project/issues",
            "query": Object {
              "id": "foo",
              "pullRequest": "1001",
              "resolved": "false",
            },
          }
        }
      >
        issues.page
      </Link>
    </li>
    <li>
      <Link
        onlyActiveOnIndex={false}
        style={Object {}}
        to={
          Object {
            "pathname": "/security_hotspots",
            "query": Object {
              "id": "foo",
              "pullRequest": "1001",
            },
          }
        }
      >
        layout.security_hotspots
      </Link>
    </li>
    <li>
      <Link
        onlyActiveOnIndex={false}
        style={Object {}}
        to={
          Object {
            "pathname": "component_measures",
            "query": Object {
              "id": "foo",
              "pullRequest": "1001",
            },
          }
        }
      >
        layout.measures
      </Link>
    </li>
    <li>
      <Link
        onlyActiveOnIndex={false}
        style={Object {}}
        to={
          Object {
            "pathname": "/code",
            "query": Object {
              "id": "foo",
              "pullRequest": "1001",
            },
          }
        }
      >
        code.page
      </Link>
    </li>
    <Dropdown
      data-test="extensions"
      overlay={
        <ul
          className="menu"
        >
          <li>
            <Link
              activeClassName="active"
              onlyActiveOnIndex={false}
              style={Object {}}
              to={
                Object {
                  "pathname": "/project/extension/component-foo",
                  "query": Object {
                    "id": "foo",
                    "pullRequest": "1001",
                    "qualifier": "TRK",
                  },
                }
              }
            >
              ComponentFoo
            </Link>
          </li>
        </ul>
      }
      tagName="li"
    >
      <Component />
    </Dropdown>
  </NavBarTabs>
  <NavBarTabs />
</div>
`;

exports[`should work for pull requests 2`] = `
<div
  className="display-flex-center display-flex-space-between"
>
  <NavBarTabs>
    <li>
      <Link
        activeClassName="active"
        onlyActiveOnIndex={false}
        style={Object {}}
        to={
          Object {
            "pathname": "/dashboard",
            "query": Object {
              "id": "foo",
              "pullRequest": "1001",
            },
          }
        }
      >
        overview.page
      </Link>
    </li>
    <li>
      <Link
        onlyActiveOnIndex={false}
        style={Object {}}
        to={
          Object {
            "pathname": "/project/issues",
            "query": Object {
              "id": "foo",
              "pullRequest": "1001",
              "resolved": "false",
            },
          }
        }
      >
        issues.page
      </Link>
    </li>
    <li>
      <Link
        onlyActiveOnIndex={false}
        style={Object {}}
        to={
          Object {
            "pathname": "/security_hotspots",
            "query": Object {
              "id": "foo",
              "pullRequest": "1001",
            },
          }
        }
      >
        layout.security_hotspots
      </Link>
    </li>
    <li>
      <Link
        onlyActiveOnIndex={false}
        style={Object {}}
        to={
          Object {
            "pathname": "component_measures",
            "query": Object {
              "id": "foo",
              "pullRequest": "1001",
            },
          }
        }
      >
        layout.measures
      </Link>
    </li>
    <li>
      <Link
        onlyActiveOnIndex={false}
        style={Object {}}
        to={
          Object {
            "pathname": "/code",
            "query": Object {
              "id": "foo",
              "pullRequest": "1001",
            },
          }
        }
      >
        code.page
      </Link>
    </li>
    <Dropdown
      data-test="extensions"
      overlay={
        <ul
          className="menu"
        >
          <li>
            <Link
              activeClassName="active"
              onlyActiveOnIndex={false}
              style={Object {}}
              to={
                Object {
                  "pathname": "/project/extension/component-foo",
                  "query": Object {
                    "id": "foo",
                    "pullRequest": "1001",
                    "qualifier": "TRK",
                  },
                }
              }
            >
              ComponentFoo
            </Link>
          </li>
        </ul>
      }
      tagName="li"
    >
      <Component />
    </Dropdown>
  </NavBarTabs>
  <NavBarTabs />
</div>
`;

exports[`should work with extensions 1`] = `
<Dropdown
  data-test="extensions"
  overlay={
    <ul
      className="menu"
    >
      <li>
        <Link
          activeClassName="active"
          onlyActiveOnIndex={false}
          style={Object {}}
          to={
            Object {
              "pathname": "/project/extension/component-foo",
              "query": Object {
                "id": "foo",
                "qualifier": "TRK",
              },
            }
          }
        >
          ComponentFoo
        </Link>
      </li>
    </ul>
  }
  tagName="li"
>
  <Component />
</Dropdown>
`;

exports[`should work with extensions 2`] = `
<Dropdown
  data-test="administration"
  overlay={
    <ul
      className="menu"
    >
      <li>
        <Link
          activeClassName="active"
          onlyActiveOnIndex={false}
          style={Object {}}
          to={
            Object {
              "pathname": "/project/settings",
              "query": Object {
                "id": "foo",
              },
            }
          }
        >
          project_settings.page
        </Link>
      </li>
      <li>
        <Link
          activeClassName="active"
          onlyActiveOnIndex={false}
          style={Object {}}
          to={
            Object {
              "pathname": "/project/branches",
              "query": Object {
                "id": "foo",
              },
            }
          }
        >
          project_branch_pull_request.page
        </Link>
      </li>
      <li>
        <Link
          activeClassName="active"
          onlyActiveOnIndex={false}
          style={Object {}}
          to={
            Object {
              "pathname": "/project/baseline",
              "query": Object {
                "id": "foo",
              },
            }
          }
        >
          project_baseline.page
        </Link>
      </li>
      <li>
        <Link
          activeClassName="active"
          onlyActiveOnIndex={false}
          style={Object {}}
          to={
            Object {
              "pathname": "/project/admin/extension/foo",
              "query": Object {
                "id": "foo",
                "qualifier": "TRK",
              },
            }
          }
        >
          Foo
        </Link>
      </li>
      <li>
        <Link
          activeClassName="active"
          onlyActiveOnIndex={false}
          style={Object {}}
          to={
            Object {
              "pathname": "/project/import_export",
              "query": Object {
                "id": "foo",
              },
            }
          }
        >
          project_dump.page
        </Link>
      </li>
      <li>
        <Link
          activeClassName="active"
          onlyActiveOnIndex={false}
          style={Object {}}
          to={
            Object {
              "pathname": "/project/webhooks",
              "query": Object {
                "id": "foo",
              },
            }
          }
        >
          webhooks.page
        </Link>
      </li>
      <li>
        <Link
          activeClassName="active"
          onlyActiveOnIndex={false}
          style={Object {}}
          to={
            Object {
              "pathname": "/project/deletion",
              "query": Object {
                "id": "foo",
              },
            }
          }
        >
          deletion.page
        </Link>
      </li>
    </ul>
  }
  tagName="li"
>
  <Component />
</Dropdown>
`;

exports[`should work with multiple extensions 1`] = `
<Dropdown
  data-test="extensions"
  overlay={
    <ul
      className="menu"
    >
      <li>
        <Link
          activeClassName="active"
          onlyActiveOnIndex={false}
          style={Object {}}
          to={
            Object {
              "pathname": "/project/extension/component-foo",
              "query": Object {
                "id": "foo",
                "qualifier": "TRK",
              },
            }
          }
        >
          ComponentFoo
        </Link>
      </li>
      <li>
        <Link
          activeClassName="active"
          onlyActiveOnIndex={false}
          style={Object {}}
          to={
            Object {
              "pathname": "/project/extension/component-bar",
              "query": Object {
                "id": "foo",
                "qualifier": "TRK",
              },
            }
          }
        >
          ComponentBar
        </Link>
      </li>
    </ul>
  }
  tagName="li"
>
  <Component />
</Dropdown>
`;

exports[`should work with multiple extensions 2`] = `
<Dropdown
  data-test="administration"
  overlay={
    <ul
      className="menu"
    >
      <li>
        <Link
          activeClassName="active"
          onlyActiveOnIndex={false}
          style={Object {}}
          to={
            Object {
              "pathname": "/project/settings",
              "query": Object {
                "id": "foo",
              },
            }
          }
        >
          project_settings.page
        </Link>
      </li>
      <li>
        <Link
          activeClassName="active"
          onlyActiveOnIndex={false}
          style={Object {}}
          to={
            Object {
              "pathname": "/project/branches",
              "query": Object {
                "id": "foo",
              },
            }
          }
        >
          project_branch_pull_request.page
        </Link>
      </li>
      <li>
        <Link
          activeClassName="active"
          onlyActiveOnIndex={false}
          style={Object {}}
          to={
            Object {
              "pathname": "/project/baseline",
              "query": Object {
                "id": "foo",
              },
            }
          }
        >
          project_baseline.page
        </Link>
      </li>
      <li>
        <Link
          activeClassName="active"
          onlyActiveOnIndex={false}
          style={Object {}}
          to={
            Object {
              "pathname": "/project/admin/extension/foo",
              "query": Object {
                "id": "foo",
                "qualifier": "TRK",
              },
            }
          }
        >
          Foo
        </Link>
      </li>
      <li>
        <Link
          activeClassName="active"
          onlyActiveOnIndex={false}
          style={Object {}}
          to={
            Object {
              "pathname": "/project/admin/extension/bar",
              "query": Object {
                "id": "foo",
                "qualifier": "TRK",
              },
            }
          }
        >
          Bar
        </Link>
      </li>
      <li>
        <Link
          activeClassName="active"
          onlyActiveOnIndex={false}
          style={Object {}}
          to={
            Object {
              "pathname": "/project/import_export",
              "query": Object {
                "id": "foo",
              },
            }
          }
        >
          project_dump.page
        </Link>
      </li>
      <li>
        <Link
          activeClassName="active"
          onlyActiveOnIndex={false}
          style={Object {}}
          to={
            Object {
              "pathname": "/project/webhooks",
              "query": Object {
                "id": "foo",
              },
            }
          }
        >
          webhooks.page
        </Link>
      </li>
      <li>
        <Link
          activeClassName="active"
          onlyActiveOnIndex={false}
          style={Object {}}
          to={
            Object {
              "pathname": "/project/deletion",
              "query": Object {
                "id": "foo",
              },
            }
          }
        >
          deletion.page
        </Link>
      </li>
    </ul>
  }
  tagName="li"
>
  <Component />
</Dropdown>
`;