Add unit test

x-pack/plugins/security_solution/public/rules/jest.config.js

@@ -0,0 +1,17 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0; you may not use this file except in compliance with the Elastic License
+ * 2.0.
+ */
+
+module.exports = {
+  preset: '@kbn/test',
+  rootDir: '../../../../..',
+  roots: ['<rootDir>/x-pack/plugins/security_solution/public/rules'],
+  coverageDirectory:
+    '<rootDir>/target/kibana-coverage/jest/x-pack/plugins/security_solution/public/rules',
+  coverageReporters: ['text', 'html'],
+  collectCoverageFrom: ['<rootDir>/x-pack/plugins/security_solution/public/rules/**/*.{ts,tsx}'],
+  moduleNameMapper: require('../../server/__mocks__/module_name_map'),
+};

x-pack/plugins/security_solution/public/rules/landing.test.tsx

@@ -0,0 +1,31 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0; you may not use this file except in compliance with the Elastic License
+ * 2.0.
+ */
+import { render } from '@testing-library/react';
+import React from 'react';
+import { TestProviders } from '../common/mock';
+import { RulesLandingHeader } from './landing';
+
+const mockUseUserData = jest.fn().mockReturnValue([{ canUserCRUD: true }]);
+
+jest.mock('../detections/components/user_info', () => ({
+  useUserData: () => mockUseUserData(),
+}));
+
+describe('Rules landing page header', () => {
+  it('renders', () => {
+    const { queryByTestId } = render(<RulesLandingHeader />, { wrapper: TestProviders });
+    expect(queryByTestId(`ruleLandingHeader`)).toBeInTheDocument();
+  });
+
+  it('should disable "create rule" when user has no CRUD access', () => {
+    mockUseUserData.mockReturnValue([{ canUserCRUD: false }]);
+
+    const { queryByTestId } = render(<RulesLandingHeader />, { wrapper: TestProviders });
+
+    expect(queryByTestId(`createRuleBtn`)).toHaveAttribute('disabled');
+  });
+});

x-pack/plugins/security_solution/public/rules/landing.tsx

@@ -31,12 +31,12 @@ const CREATE_RULE_BUTTON = i18n.translate('xpack.securitySolution.rules.landing.
   defaultMessage: 'Create rule',
 });
 
-const RulesLandingHeader: React.FC = () => {
+export const RulesLandingHeader: React.FC = () => {
   const [{ canUserCRUD }] = useUserData();
   useReadonlyHeader(READ_ONLY_BADGE_TOOLTIP);
 
   return (
-    <EuiFlexGroup gutterSize="none" direction="row">
+    <EuiFlexGroup gutterSize="none" direction="row" data-test-subj="ruleLandingHeader">
       <EuiFlexItem>
         <Title title={RULES_PAGE_TITLE} />
       </EuiFlexItem>
@@ -45,6 +45,7 @@ const RulesLandingHeader: React.FC = () => {
           deepLinkId={SecurityPageName.rulesCreate}
           iconType="plusInCircle"
           isDisabled={!hasUserCRUDPermission(canUserCRUD)}
+          data-test-subj="createRuleBtn"
         >
           {CREATE_RULE_BUTTON}
         </SecuritySolutionLinkButton>