import {OrganizationFixture} from 'sentry-fixture/organization';
import {render, screen, userEvent} from 'sentry-test/reactTestingLibrary';
import SidebarDropdown from 'sentry/components/sidebar/sidebarDropdown';
import HookStore from 'sentry/stores/hookStore';
import hookSidebarDropdownMenu from 'getsentry/hooks/sidebarDropdownMenu';
describe('sidebar:organization-dropdown-menu', function () {
beforeEach(function () {
HookStore.init();
});
it('renders "Support" link', async function () {
HookStore.add('sidebar:organization-dropdown-menu', hookSidebarDropdownMenu);
render();
await userEvent.click(screen.getByTestId('sidebar-dropdown'));
expect(screen.queryByText('Billing')).not.toBeInTheDocument();
expect(screen.getByRole('link', {name: 'Support'})).toHaveAttribute(
'href',
'https://sentry.zendesk.com/hc/en-us'
);
});
it('renders "Usage & Billing" link only for `org:billing` access', async function () {
HookStore.add('sidebar:organization-dropdown-menu', hookSidebarDropdownMenu);
const billingOrg = OrganizationFixture({access: ['org:billing']});
render(, {
organization: billingOrg,
});
await userEvent.click(screen.getByTestId('sidebar-dropdown'));
expect(screen.getByRole('link', {name: 'Usage & Billing'})).toHaveAttribute(
'href',
'/settings/org-slug/billing/'
);
});
});