From 9c861a15823ce7142f2061da85761b27ffdb9b22 Mon Sep 17 00:00:00 2001
From: stanislavh <stanislav.honcharov@sonarsource.com>
Date: Fri, 14 Apr 2023 15:52:57 +0200
Subject: [PATCH] SONAR-18432 RTL Migration for Project Baseline

---
 .../js/api/mocks/NewCodePeriodsServiceMock.ts |  64 ++-
 .../api/mocks/ProjectActivityServiceMock.ts   |   2 +-
 .../BaselineSettingReferenceBranch.tsx        |   4 +-
 .../components/BranchAnalysisListRenderer.tsx |  48 +-
 .../components/BranchListRow.tsx              |   4 +-
 .../components/ProjectBaselineApp.tsx         |   8 +-
 .../components/__tests__/AppHeader-test.tsx   |  31 --
 .../BaselineSettingAnalysis-test.tsx          |  39 --
 .../__tests__/BaselineSettingDays-test.tsx    |  67 ---
 .../BaselineSettingPreviousVersion-test.tsx   |  42 --
 .../BaselineSettingReferenceBranch-test.tsx   | 122 -----
 .../__tests__/BranchAnalysisList-test.tsx     | 155 -------
 .../BranchAnalysisListRenderer-test.tsx       |  91 ----
 .../BranchBaselineSettingModal-test.tsx       |  98 ----
 .../components/__tests__/BranchList-test.tsx  | 103 -----
 .../__tests__/BranchListRow-test.tsx          | 110 -----
 .../__tests__/ProjectBaselineApp-it.tsx       | 333 ++++++++++++++
 .../__tests__/ProjectBaselineApp-test.tsx     | 119 -----
 .../ProjectBaselineSelector-test.tsx          | 116 -----
 .../__snapshots__/AppHeader-test.tsx.snap     |  74 ---
 .../BaselineSettingAnalysis-test.tsx.snap     |  15 -
 .../BaselineSettingDays-test.tsx.snap         |  85 ----
 ...selineSettingPreviousVersion-test.tsx.snap |  25 --
 ...selineSettingReferenceBranch-test.tsx.snap | 260 -----------
 .../BranchAnalysisListRenderer-test.tsx.snap  | 420 ------------------
 .../BranchBaselineSettingModal-test.tsx.snap  | 169 -------
 .../__snapshots__/BranchList-test.tsx.snap    | 109 -----
 .../__snapshots__/BranchListRow-test.tsx.snap | 298 -------------
 .../ProjectBaselineApp-test.tsx.snap          | 208 ---------
 .../ProjectBaselineSelector-test.tsx.snap     | 298 -------------
 .../src/main/js/components/controls/Radio.tsx |   4 +-
 .../main/js/helpers/mocks/new-code-period.ts  |  11 +-
 server/sonar-web/src/main/js/types/types.ts   |   6 +-
 .../resources/org/sonar/l10n/core.properties  |   2 +
 34 files changed, 445 insertions(+), 3095 deletions(-)
 delete mode 100644 server/sonar-web/src/main/js/apps/projectBaseline/components/__tests__/AppHeader-test.tsx
 delete mode 100644 server/sonar-web/src/main/js/apps/projectBaseline/components/__tests__/BaselineSettingAnalysis-test.tsx
 delete mode 100644 server/sonar-web/src/main/js/apps/projectBaseline/components/__tests__/BaselineSettingDays-test.tsx
 delete mode 100644 server/sonar-web/src/main/js/apps/projectBaseline/components/__tests__/BaselineSettingPreviousVersion-test.tsx
 delete mode 100644 server/sonar-web/src/main/js/apps/projectBaseline/components/__tests__/BaselineSettingReferenceBranch-test.tsx
 delete mode 100644 server/sonar-web/src/main/js/apps/projectBaseline/components/__tests__/BranchAnalysisList-test.tsx
 delete mode 100644 server/sonar-web/src/main/js/apps/projectBaseline/components/__tests__/BranchAnalysisListRenderer-test.tsx
 delete mode 100644 server/sonar-web/src/main/js/apps/projectBaseline/components/__tests__/BranchBaselineSettingModal-test.tsx
 delete mode 100644 server/sonar-web/src/main/js/apps/projectBaseline/components/__tests__/BranchList-test.tsx
 delete mode 100644 server/sonar-web/src/main/js/apps/projectBaseline/components/__tests__/BranchListRow-test.tsx
 create mode 100644 server/sonar-web/src/main/js/apps/projectBaseline/components/__tests__/ProjectBaselineApp-it.tsx
 delete mode 100644 server/sonar-web/src/main/js/apps/projectBaseline/components/__tests__/ProjectBaselineApp-test.tsx
 delete mode 100644 server/sonar-web/src/main/js/apps/projectBaseline/components/__tests__/ProjectBaselineSelector-test.tsx
 delete mode 100644 server/sonar-web/src/main/js/apps/projectBaseline/components/__tests__/__snapshots__/AppHeader-test.tsx.snap
 delete mode 100644 server/sonar-web/src/main/js/apps/projectBaseline/components/__tests__/__snapshots__/BaselineSettingAnalysis-test.tsx.snap
 delete mode 100644 server/sonar-web/src/main/js/apps/projectBaseline/components/__tests__/__snapshots__/BaselineSettingDays-test.tsx.snap
 delete mode 100644 server/sonar-web/src/main/js/apps/projectBaseline/components/__tests__/__snapshots__/BaselineSettingPreviousVersion-test.tsx.snap
 delete mode 100644 server/sonar-web/src/main/js/apps/projectBaseline/components/__tests__/__snapshots__/BaselineSettingReferenceBranch-test.tsx.snap
 delete mode 100644 server/sonar-web/src/main/js/apps/projectBaseline/components/__tests__/__snapshots__/BranchAnalysisListRenderer-test.tsx.snap
 delete mode 100644 server/sonar-web/src/main/js/apps/projectBaseline/components/__tests__/__snapshots__/BranchBaselineSettingModal-test.tsx.snap
 delete mode 100644 server/sonar-web/src/main/js/apps/projectBaseline/components/__tests__/__snapshots__/BranchList-test.tsx.snap
 delete mode 100644 server/sonar-web/src/main/js/apps/projectBaseline/components/__tests__/__snapshots__/BranchListRow-test.tsx.snap
 delete mode 100644 server/sonar-web/src/main/js/apps/projectBaseline/components/__tests__/__snapshots__/ProjectBaselineApp-test.tsx.snap
 delete mode 100644 server/sonar-web/src/main/js/apps/projectBaseline/components/__tests__/__snapshots__/ProjectBaselineSelector-test.tsx.snap

diff --git a/server/sonar-web/src/main/js/api/mocks/NewCodePeriodsServiceMock.ts b/server/sonar-web/src/main/js/api/mocks/NewCodePeriodsServiceMock.ts
index df8b3b6ba57..042d78ad54a 100644
--- a/server/sonar-web/src/main/js/api/mocks/NewCodePeriodsServiceMock.ts
+++ b/server/sonar-web/src/main/js/api/mocks/NewCodePeriodsServiceMock.ts
@@ -18,21 +18,37 @@
  * Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
  */
 import { cloneDeep } from 'lodash';
-import { mockNewCodePeriod } from '../../helpers/mocks/new-code-period';
-import { NewCodePeriod, NewCodePeriodSettingType } from '../../types/types';
-import { getNewCodePeriod, setNewCodePeriod } from '../newCodePeriod';
+import { mockNewCodePeriod, mockNewCodePeriodBranch } from '../../helpers/mocks/new-code-period';
+import { NewCodePeriod, NewCodePeriodBranch, NewCodePeriodSettingType } from '../../types/types';
+import {
+  getNewCodePeriod,
+  listBranchesNewCodePeriod,
+  resetNewCodePeriod,
+  setNewCodePeriod,
+} from '../newCodePeriod';
 
 jest.mock('../newCodePeriod');
-
-const defaultNewCodePeriod = mockNewCodePeriod();
-
 export default class NewCodePeriodsServiceMock {
+  #defaultNewCodePeriod = mockNewCodePeriod({ inherited: true });
+  #defaultListBranchesNewCode = [
+    mockNewCodePeriodBranch({ inherited: true, branchKey: 'main' }),
+    mockNewCodePeriodBranch({
+      branchKey: 'feature',
+      type: NewCodePeriodSettingType.NUMBER_OF_DAYS,
+      value: '1',
+    }),
+  ];
+
   #newCodePeriod: NewCodePeriod;
+  #listBranchesNewCode: NewCodePeriodBranch[];
 
   constructor() {
-    this.#newCodePeriod = cloneDeep(defaultNewCodePeriod);
+    this.#newCodePeriod = cloneDeep(this.#defaultNewCodePeriod);
+    this.#listBranchesNewCode = cloneDeep(this.#defaultListBranchesNewCode);
     jest.mocked(getNewCodePeriod).mockImplementation(this.handleGetNewCodePeriod);
     jest.mocked(setNewCodePeriod).mockImplementation(this.handleSetNewCodePeriod);
+    jest.mocked(resetNewCodePeriod).mockImplementation(this.handleResetNewCodePeriod);
+    jest.mocked(listBranchesNewCodePeriod).mockImplementation(this.handleListBranchesNewCodePeriod);
   }
 
   handleGetNewCodePeriod = () => {
@@ -45,13 +61,41 @@ export default class NewCodePeriodsServiceMock {
     type: NewCodePeriodSettingType;
     value?: string;
   }) => {
-    const { type, value } = data;
-    this.#newCodePeriod = mockNewCodePeriod({ type, value });
+    const { type, value, branch } = data;
+    if (branch) {
+      const branchNewCode = this.#listBranchesNewCode.find(
+        (bNew) => bNew.branchKey === branch
+      ) as NewCodePeriodBranch;
+      branchNewCode.type = type;
+      branchNewCode.value = value;
+    } else {
+      this.#newCodePeriod = mockNewCodePeriod({ type, value });
+    }
+
+    return this.reply(undefined);
+  };
+
+  handleResetNewCodePeriod = (data: { project?: string; branch?: string }) => {
+    const { branch } = data;
+    if (branch) {
+      const index = this.#listBranchesNewCode.findIndex((bNew) => bNew.branchKey === branch);
+      if (index >= 0) {
+        Object.assign(this.#listBranchesNewCode[index], cloneDeep(this.#defaultNewCodePeriod));
+      }
+    } else {
+      this.#newCodePeriod = cloneDeep(this.#defaultNewCodePeriod);
+    }
+
     return this.reply(undefined);
   };
 
+  handleListBranchesNewCodePeriod = () => {
+    return this.reply({ newCodePeriods: this.#listBranchesNewCode });
+  };
+
   reset = () => {
-    this.#newCodePeriod = cloneDeep(defaultNewCodePeriod);
+    this.#newCodePeriod = cloneDeep(this.#defaultNewCodePeriod);
+    this.#listBranchesNewCode = cloneDeep(this.#defaultListBranchesNewCode);
   };
 
   reply<T>(response: T): Promise<T> {
diff --git a/server/sonar-web/src/main/js/api/mocks/ProjectActivityServiceMock.ts b/server/sonar-web/src/main/js/api/mocks/ProjectActivityServiceMock.ts
index 9905b4ab639..ab791b42a1e 100644
--- a/server/sonar-web/src/main/js/api/mocks/ProjectActivityServiceMock.ts
+++ b/server/sonar-web/src/main/js/api/mocks/ProjectActivityServiceMock.ts
@@ -31,7 +31,7 @@ import {
 } from '../projectActivity';
 
 const PAGE_SIZE = 10;
-const DEFAULT_PAGE = 0;
+const DEFAULT_PAGE = 1;
 const UNKNOWN_PROJECT = 'unknown';
 
 const defaultAnalysesList = [
diff --git a/server/sonar-web/src/main/js/apps/projectBaseline/components/BaselineSettingReferenceBranch.tsx b/server/sonar-web/src/main/js/apps/projectBaseline/components/BaselineSettingReferenceBranch.tsx
index 6604d1e39da..a35a6c19f70 100644
--- a/server/sonar-web/src/main/js/apps/projectBaseline/components/BaselineSettingReferenceBranch.tsx
+++ b/server/sonar-web/src/main/js/apps/projectBaseline/components/BaselineSettingReferenceBranch.tsx
@@ -47,8 +47,7 @@ export interface BranchOption {
   value: string;
 }
 
-/* Export for testing */
-export function renderBranchOption(props: OptionProps<BranchOption, false>) {
+function renderBranchOption(props: OptionProps<BranchOption, false>) {
   const { data: option } = props;
 
   return (
@@ -118,6 +117,7 @@ export default function BaselineSettingReferenceBranch(props: BaselineSettingRef
               <Select
                 className="little-spacer-top spacer-bottom"
                 options={branchList}
+                aria-label={translate('baseline.reference_branch.choose')}
                 onChange={(option: BranchOption) => props.onChangeReferenceBranch(option.value)}
                 value={currentBranch}
                 components={{
diff --git a/server/sonar-web/src/main/js/apps/projectBaseline/components/BranchAnalysisListRenderer.tsx b/server/sonar-web/src/main/js/apps/projectBaseline/components/BranchAnalysisListRenderer.tsx
index f489bc16732..79425097aef 100644
--- a/server/sonar-web/src/main/js/apps/projectBaseline/components/BranchAnalysisListRenderer.tsx
+++ b/server/sonar-web/src/main/js/apps/projectBaseline/components/BranchAnalysisListRenderer.tsx
@@ -19,14 +19,15 @@
  */
 import classNames from 'classnames';
 import * as React from 'react';
+import { injectIntl, IntlShape, WrappedComponentProps } from 'react-intl';
 import Radio from '../../../components/controls/Radio';
 import Select from '../../../components/controls/Select';
 import Tooltip from '../../../components/controls/Tooltip';
-import DateFormatter from '../../../components/intl/DateFormatter';
+import DateFormatter, { longFormatterOption } from '../../../components/intl/DateFormatter';
 import TimeFormatter from '../../../components/intl/TimeFormatter';
 import DeferredSpinner from '../../../components/ui/DeferredSpinner';
 import { parseDate, toShortNotSoISOString } from '../../../helpers/dates';
-import { translate } from '../../../helpers/l10n';
+import { translate, translateWithParameters } from '../../../helpers/l10n';
 import { ParsedAnalysis } from '../../../types/project-activity';
 import Events from '../../projectActivity/components/Events';
 import { getAnalysesByVersionByDay } from '../../projectActivity/utils';
@@ -49,8 +50,9 @@ function renderAnalysis(args: {
   isFirst: boolean;
   onSelectAnalysis: (analysis: ParsedAnalysis) => void;
   selectedAnalysisKey: string;
+  intl: IntlShape;
 }) {
-  const { analysis, isFirst, onSelectAnalysis, selectedAnalysisKey } = args;
+  const { analysis, isFirst, onSelectAnalysis, selectedAnalysisKey, intl } = args;
   return (
     <li
       className={classNames('branch-analysis', {
@@ -75,14 +77,26 @@ function renderAnalysis(args: {
       )}
 
       <div className="analysis-selection-button">
-        <Radio checked={analysis.key === selectedAnalysisKey} onCheck={() => {}} value="" />
+        <Radio
+          checked={analysis.key === selectedAnalysisKey}
+          ariaLabel={translateWithParameters(
+            'baseline.branch_analyses.analysis_for_x',
+            `${intl.formatDate(analysis.date, longFormatterOption)}, ${intl.formatTime(
+              analysis.date
+            )}`
+          )}
+          onCheck={() => {}}
+          value=""
+        />
       </div>
     </li>
   );
 }
 
-export default function BranchAnalysisListRenderer(props: BranchAnalysisListRendererProps) {
-  const { analyses, loading, range, selectedAnalysisKey } = props;
+function BranchAnalysisListRenderer(
+  props: BranchAnalysisListRendererProps & WrappedComponentProps
+) {
+  const { analyses, loading, range, selectedAnalysisKey, intl } = props;
 
   const byVersionByDay = React.useMemo(
     () =>
@@ -129,7 +143,7 @@ export default function BranchAnalysisListRenderer(props: BranchAnalysisListRend
           onScroll={props.handleScroll}
           ref={props.registerScrollableNode}
         >
-          {loading && <DeferredSpinner className="big-spacer-top" />}
+          <DeferredSpinner className="big-spacer-top" loading={loading} />
 
           {!loading && !hasFilteredData ? (
             <div className="big-spacer-top big-spacer-bottom strong">
@@ -171,15 +185,15 @@ export default function BranchAnalysisListRenderer(props: BranchAnalysisListRend
                             <DateFormatter date={Number(day)} long={true} />
                           </div>
                           <ul className="branch-analysis-analyses-list">
-                            {version.byDay[day] != null &&
-                              version.byDay[day].map((analysis) =>
-                                renderAnalysis({
-                                  analysis,
-                                  selectedAnalysisKey,
-                                  isFirst: analyses[0].key === analysis.key,
-                                  onSelectAnalysis: props.onSelectAnalysis,
-                                })
-                              )}
+                            {version.byDay[day]?.map((analysis) =>
+                              renderAnalysis({
+                                analysis,
+                                selectedAnalysisKey,
+                                isFirst: analyses[0].key === analysis.key,
+                                onSelectAnalysis: props.onSelectAnalysis,
+                                intl,
+                              })
+                            )}
                           </ul>
                         </li>
                       ))}
@@ -194,3 +208,5 @@ export default function BranchAnalysisListRenderer(props: BranchAnalysisListRend
     </>
   );
 }
+
+export default injectIntl(BranchAnalysisListRenderer);
diff --git a/server/sonar-web/src/main/js/apps/projectBaseline/components/BranchListRow.tsx b/server/sonar-web/src/main/js/apps/projectBaseline/components/BranchListRow.tsx
index ff07fee94dd..0560401c2a1 100644
--- a/server/sonar-web/src/main/js/apps/projectBaseline/components/BranchListRow.tsx
+++ b/server/sonar-web/src/main/js/apps/projectBaseline/components/BranchListRow.tsx
@@ -118,7 +118,9 @@ export default function BranchListRow(props: BranchListRowProps) {
         </Tooltip>
       </td>
       <td className="text-right">
-        <ActionsDropdown>
+        <ActionsDropdown
+          label={translateWithParameters('branch_list.show_actions_for_x', branch.name)}
+        >
           <ActionsDropdownItem onClick={() => props.onOpenEditModal(branch)}>
             {translate('edit')}
           </ActionsDropdownItem>
diff --git a/server/sonar-web/src/main/js/apps/projectBaseline/components/ProjectBaselineApp.tsx b/server/sonar-web/src/main/js/apps/projectBaseline/components/ProjectBaselineApp.tsx
index fa88657aa0e..5f7925f1149 100644
--- a/server/sonar-web/src/main/js/apps/projectBaseline/components/ProjectBaselineApp.tsx
+++ b/server/sonar-web/src/main/js/apps/projectBaseline/components/ProjectBaselineApp.tsx
@@ -68,7 +68,7 @@ interface State {
 
 const DEFAULT_NUMBER_OF_DAYS = '30';
 
-export class ProjectBaselineApp extends React.PureComponent<Props, State> {
+class ProjectBaselineApp extends React.PureComponent<Props, State> {
   mounted = false;
   state: State = {
     branchList: [],
@@ -269,9 +269,9 @@ export class ProjectBaselineApp extends React.PureComponent<Props, State> {
         <Helmet defer={false} title={translate('project_baseline.page')} />
         <div className="page page-limited">
           <AppHeader canAdmin={!!appState.canAdmin} />
-          {loading ? (
-            <DeferredSpinner />
-          ) : (
+          <DeferredSpinner loading={loading} />
+
+          {!loading && (
             <div className="panel-white project-baseline">
               {branchSupportEnabled && <h2>{translate('project_baseline.default_setting')}</h2>}
 
diff --git a/server/sonar-web/src/main/js/apps/projectBaseline/components/__tests__/AppHeader-test.tsx b/server/sonar-web/src/main/js/apps/projectBaseline/components/__tests__/AppHeader-test.tsx
deleted file mode 100644
index 61ad8c14403..00000000000
--- a/server/sonar-web/src/main/js/apps/projectBaseline/components/__tests__/AppHeader-test.tsx
+++ /dev/null
@@ -1,31 +0,0 @@
-/*
- * SonarQube
- * Copyright (C) 2009-2023 SonarSource SA
- * mailto:info AT sonarsource DOT com
- *
- * This program is free software; you can redistribute it and/or
- * modify it under the terms of the GNU Lesser General Public
- * License as published by the Free Software Foundation; either
- * version 3 of the License, or (at your option) any later version.
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU
- * Lesser General Public License for more details.
- *
- * You should have received a copy of the GNU Lesser General Public License
- * along with this program; if not, write to the Free Software Foundation,
- * Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
- */
-import { shallow } from 'enzyme';
-import * as React from 'react';
-import AppHeader, { AppHeaderProps } from '../AppHeader';
-
-it('should render correctly', () => {
-  expect(shallowRender()).toMatchSnapshot('can admin');
-  expect(shallowRender({ canAdmin: false })).toMatchSnapshot('cannot admin');
-});
-
-function shallowRender(props: Partial<AppHeaderProps> = {}) {
-  return shallow(<AppHeader canAdmin={true} {...props} />);
-}
diff --git a/server/sonar-web/src/main/js/apps/projectBaseline/components/__tests__/BaselineSettingAnalysis-test.tsx b/server/sonar-web/src/main/js/apps/projectBaseline/components/__tests__/BaselineSettingAnalysis-test.tsx
deleted file mode 100644
index f6960dbe0fb..00000000000
--- a/server/sonar-web/src/main/js/apps/projectBaseline/components/__tests__/BaselineSettingAnalysis-test.tsx
+++ /dev/null
@@ -1,39 +0,0 @@
-/*
- * SonarQube
- * Copyright (C) 2009-2023 SonarSource SA
- * mailto:info AT sonarsource DOT com
- *
- * This program is free software; you can redistribute it and/or
- * modify it under the terms of the GNU Lesser General Public
- * License as published by the Free Software Foundation; either
- * version 3 of the License, or (at your option) any later version.
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU
- * Lesser General Public License for more details.
- *
- * You should have received a copy of the GNU Lesser General Public License
- * along with this program; if not, write to the Free Software Foundation,
- * Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
- */
-import { shallow } from 'enzyme';
-import * as React from 'react';
-import { NewCodePeriodSettingType } from '../../../../types/types';
-import BaselineSettingAnalysis, { Props } from '../BaselineSettingAnalysis';
-
-it('should render correctly', () => {
-  expect(shallowRender()).toMatchSnapshot();
-});
-
-it('should callback when clicked', () => {
-  const onSelect = jest.fn();
-  const wrapper = shallowRender({ onSelect, selected: false });
-
-  wrapper.find('RadioCard').first().simulate('click');
-  expect(onSelect).toHaveBeenCalledWith(NewCodePeriodSettingType.SPECIFIC_ANALYSIS);
-});
-
-function shallowRender(props: Partial<Props> = {}) {
-  return shallow(<BaselineSettingAnalysis onSelect={jest.fn()} selected={true} {...props} />);
-}
diff --git a/server/sonar-web/src/main/js/apps/projectBaseline/components/__tests__/BaselineSettingDays-test.tsx b/server/sonar-web/src/main/js/apps/projectBaseline/components/__tests__/BaselineSettingDays-test.tsx
deleted file mode 100644
index a7aa306c6c6..00000000000
--- a/server/sonar-web/src/main/js/apps/projectBaseline/components/__tests__/BaselineSettingDays-test.tsx
+++ /dev/null
@@ -1,67 +0,0 @@
-/*
- * SonarQube
- * Copyright (C) 2009-2023 SonarSource SA
- * mailto:info AT sonarsource DOT com
- *
- * This program is free software; you can redistribute it and/or
- * modify it under the terms of the GNU Lesser General Public
- * License as published by the Free Software Foundation; either
- * version 3 of the License, or (at your option) any later version.
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU
- * Lesser General Public License for more details.
- *
- * You should have received a copy of the GNU Lesser General Public License
- * along with this program; if not, write to the Free Software Foundation,
- * Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
- */
-import { shallow } from 'enzyme';
-import * as React from 'react';
-import { NewCodePeriodSettingType } from '../../../../types/types';
-import BaselineSettingDays, { Props } from '../BaselineSettingDays';
-
-it('should render correctly', () => {
-  expect(shallowRender()).toMatchSnapshot();
-  expect(shallowRender({ isChanged: true })).toMatchSnapshot();
-  expect(shallowRender({ isChanged: true, isValid: false })).toMatchSnapshot();
-});
-
-it('should not display input when not selected', () => {
-  const wrapper = shallowRender({ selected: false });
-  expect(wrapper.find('ValidationInput')).toHaveLength(0);
-});
-
-it('should callback when clicked', () => {
-  const onSelect = jest.fn();
-  const wrapper = shallowRender({ onSelect, selected: false });
-
-  wrapper.find('RadioCard').first().simulate('click');
-  expect(onSelect).toHaveBeenCalledWith(NewCodePeriodSettingType.NUMBER_OF_DAYS);
-});
-
-it('should callback when changing days', () => {
-  const onChangeDays = jest.fn();
-  const wrapper = shallowRender({ onChangeDays });
-
-  wrapper
-    .find('input')
-    .first()
-    .simulate('change', { currentTarget: { value: '23' } });
-  expect(onChangeDays).toHaveBeenCalledWith('23');
-});
-
-function shallowRender(props: Partial<Props> = {}) {
-  return shallow(
-    <BaselineSettingDays
-      days="28"
-      isChanged={false}
-      isValid={true}
-      onChangeDays={jest.fn()}
-      onSelect={jest.fn()}
-      selected={true}
-      {...props}
-    />
-  );
-}
diff --git a/server/sonar-web/src/main/js/apps/projectBaseline/components/__tests__/BaselineSettingPreviousVersion-test.tsx b/server/sonar-web/src/main/js/apps/projectBaseline/components/__tests__/BaselineSettingPreviousVersion-test.tsx
deleted file mode 100644
index 9072f671c8d..00000000000
--- a/server/sonar-web/src/main/js/apps/projectBaseline/components/__tests__/BaselineSettingPreviousVersion-test.tsx
+++ /dev/null
@@ -1,42 +0,0 @@
-/*
- * SonarQube
- * Copyright (C) 2009-2023 SonarSource SA
- * mailto:info AT sonarsource DOT com
- *
- * This program is free software; you can redistribute it and/or
- * modify it under the terms of the GNU Lesser General Public
- * License as published by the Free Software Foundation; either
- * version 3 of the License, or (at your option) any later version.
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU
- * Lesser General Public License for more details.
- *
- * You should have received a copy of the GNU Lesser General Public License
- * along with this program; if not, write to the Free Software Foundation,
- * Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
- */
-import { shallow } from 'enzyme';
-import * as React from 'react';
-import { NewCodePeriodSettingType } from '../../../../types/types';
-import BaselineSettingPreviousVersion, { Props } from '../BaselineSettingPreviousVersion';
-
-it('should render correctly', () => {
-  expect(shallowRender()).toMatchSnapshot();
-  expect(shallowRender({ isDefault: true })).toMatchSnapshot();
-});
-
-it('should callback when clicked', () => {
-  const onSelect = jest.fn();
-  const wrapper = shallowRender({ onSelect, selected: false });
-
-  wrapper.find('RadioCard').first().simulate('click');
-  expect(onSelect).toHaveBeenCalledWith(NewCodePeriodSettingType.PREVIOUS_VERSION);
-});
-
-function shallowRender(props: Partial<Props> = {}) {
-  return shallow(
-    <BaselineSettingPreviousVersion onSelect={jest.fn()} selected={true} {...props} />
-  );
-}
diff --git a/server/sonar-web/src/main/js/apps/projectBaseline/components/__tests__/BaselineSettingReferenceBranch-test.tsx b/server/sonar-web/src/main/js/apps/projectBaseline/components/__tests__/BaselineSettingReferenceBranch-test.tsx
deleted file mode 100644
index dd9f28b5a76..00000000000
--- a/server/sonar-web/src/main/js/apps/projectBaseline/components/__tests__/BaselineSettingReferenceBranch-test.tsx
+++ /dev/null
@@ -1,122 +0,0 @@
-/*
- * SonarQube
- * Copyright (C) 2009-2023 SonarSource SA
- * mailto:info AT sonarsource DOT com
- *
- * This program is free software; you can redistribute it and/or
- * modify it under the terms of the GNU Lesser General Public
- * License as published by the Free Software Foundation; either
- * version 3 of the License, or (at your option) any later version.
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU
- * Lesser General Public License for more details.
- *
- * You should have received a copy of the GNU Lesser General Public License
- * along with this program; if not, write to the Free Software Foundation,
- * Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
- */
-import { shallow } from 'enzyme';
-import * as React from 'react';
-import { OptionProps, Props as ReactSelectProps } from 'react-select';
-import RadioCard from '../../../../components/controls/RadioCard';
-import Select from '../../../../components/controls/Select';
-import { NewCodePeriodSettingType } from '../../../../types/types';
-import BaselineSettingReferenceBranch, {
-  BaselineSettingReferenceBranchProps,
-  BranchOption,
-  renderBranchOption,
-} from '../BaselineSettingReferenceBranch';
-
-it('should render correctly', () => {
-  expect(shallowRender()).toMatchSnapshot('Project level');
-  expect(shallowRender({ settingLevel: 'branch' })).toMatchSnapshot('Branch level');
-  expect(
-    shallowRender({
-      branchList: [{ label: 'master', value: 'master', isMain: true }],
-      settingLevel: 'branch',
-    })
-  ).toMatchSnapshot('Branch level - no other branches');
-});
-
-it('should not display input when not selected', () => {
-  const wrapper = shallowRender({ selected: false });
-  expect(wrapper.find('SearchSelect')).toHaveLength(0);
-});
-
-it('should callback when clicked', () => {
-  const onSelect = jest.fn();
-  const wrapper = shallowRender({ onSelect, selected: false });
-
-  wrapper.find(RadioCard).first().simulate('click');
-  expect(onSelect).toHaveBeenCalledWith(NewCodePeriodSettingType.REFERENCE_BRANCH);
-});
-
-it('should callback when changing selection', () => {
-  const onChangeReferenceBranch = jest.fn();
-  const wrapper = shallowRender({ onChangeReferenceBranch });
-
-  wrapper.find(Select).first().simulate('change', { value: 'branch-6.9' });
-  expect(onChangeReferenceBranch).toHaveBeenCalledWith('branch-6.9');
-});
-
-it('should handle an invalid branch', () => {
-  const unknownBranchName = 'branch-unknown';
-  const wrapper = shallowRender({ referenceBranch: unknownBranchName });
-
-  expect(wrapper.find<ReactSelectProps>(Select).first().props().value).toEqual({
-    label: unknownBranchName,
-    value: unknownBranchName,
-    isMain: false,
-    isInvalid: true,
-  });
-});
-
-describe('renderOption', () => {
-  // fake props injected by the Select itself
-  const props = {} as OptionProps<BranchOption, false>;
-
-  it('should render correctly', () => {
-    expect(
-      renderBranchOption({ ...props, data: { label: 'master', value: 'master', isMain: true } })
-    ).toMatchSnapshot('main');
-    expect(
-      renderBranchOption({
-        ...props,
-        data: { label: 'branch-7.4', value: 'branch-7.4', isMain: false },
-      })
-    ).toMatchSnapshot('branch');
-    expect(
-      renderBranchOption({
-        ...props,
-        data: { label: 'disabled', value: 'disabled', isMain: false, isDisabled: true },
-      })
-    ).toMatchSnapshot('disabled');
-    expect(
-      renderBranchOption({
-        ...props,
-        data: { label: 'branch-nope', value: 'branch-nope', isMain: false, isInvalid: true },
-      })
-    ).toMatchSnapshot("branch doesn't exist");
-  });
-});
-
-function shallowRender(props: Partial<BaselineSettingReferenceBranchProps> = {}) {
-  const branchOptions = [
-    { label: 'master', value: 'master', isMain: true },
-    { label: 'branch-7.9', value: 'branch-7.9', isMain: false },
-  ];
-
-  return shallow(
-    <BaselineSettingReferenceBranch
-      branchList={branchOptions}
-      settingLevel="project"
-      onChangeReferenceBranch={jest.fn()}
-      onSelect={jest.fn()}
-      referenceBranch="master"
-      selected={true}
-      {...props}
-    />
-  );
-}
diff --git a/server/sonar-web/src/main/js/apps/projectBaseline/components/__tests__/BranchAnalysisList-test.tsx b/server/sonar-web/src/main/js/apps/projectBaseline/components/__tests__/BranchAnalysisList-test.tsx
deleted file mode 100644
index 1bd39ffd4b0..00000000000
--- a/server/sonar-web/src/main/js/apps/projectBaseline/components/__tests__/BranchAnalysisList-test.tsx
+++ /dev/null
@@ -1,155 +0,0 @@
-/*
- * SonarQube
- * Copyright (C) 2009-2023 SonarSource SA
- * mailto:info AT sonarsource DOT com
- *
- * This program is free software; you can redistribute it and/or
- * modify it under the terms of the GNU Lesser General Public
- * License as published by the Free Software Foundation; either
- * version 3 of the License, or (at your option) any later version.
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU
- * Lesser General Public License for more details.
- *
- * You should have received a copy of the GNU Lesser General Public License
- * along with this program; if not, write to the Free Software Foundation,
- * Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
- */
-import { subDays } from 'date-fns';
-import { shallow } from 'enzyme';
-import * as React from 'react';
-import { getProjectActivity } from '../../../../api/projectActivity';
-import { toShortNotSoISOString } from '../../../../helpers/dates';
-import { mockAnalysis, mockAnalysisEvent } from '../../../../helpers/mocks/project-activity';
-import { waitAndUpdate } from '../../../../helpers/testUtils';
-import { ProjectAnalysisEventCategory } from '../../../../types/project-activity';
-import BranchAnalysisList from '../BranchAnalysisList';
-
-jest.mock('date-fns', () => {
-  const actual = jest.requireActual('date-fns');
-  return {
-    ...actual,
-    startOfDay: jest.fn(() => ({
-      getTime: () => '1488322800000', // 2017-03-02
-    })),
-  };
-});
-
-jest.mock('../../../../helpers/dates', () => ({
-  parseDate: jest.fn().mockReturnValue('2017-03-02'),
-  toShortNotSoISOString: jest.fn().mockReturnValue('2017-03-02'),
-}));
-
-jest.mock('../../../../api/projectActivity', () => ({
-  getProjectActivity: jest.fn().mockResolvedValue({
-    analyses: [],
-  }),
-}));
-
-beforeEach(() => {
-  jest.clearAllMocks();
-});
-
-it('should render correctly', async () => {
-  (getProjectActivity as jest.Mock).mockResolvedValue({
-    analyses: [
-      mockAnalysis({
-        key: '4',
-        date: '2017-03-02T10:36:01',
-        projectVersion: '4.2',
-      }),
-      mockAnalysis({
-        key: '3',
-        date: '2017-03-02T09:36:01',
-        events: [mockAnalysisEvent()],
-        projectVersion: '4.2',
-      }),
-      mockAnalysis({
-        key: '2',
-        date: '2017-03-02T08:36:01',
-        events: [
-          mockAnalysisEvent(),
-          mockAnalysisEvent({
-            category: ProjectAnalysisEventCategory.Version,
-            qualityGate: undefined,
-          }),
-        ],
-        projectVersion: '4.1',
-      }),
-      mockAnalysis({ key: '1', projectVersion: '4.1' }),
-    ],
-  });
-
-  const wrapper = shallowRender();
-  await waitAndUpdate(wrapper);
-  expect(getProjectActivity).toHaveBeenCalled();
-  expect(wrapper.state().analyses).toHaveLength(4);
-});
-
-it('should reload analyses after range change', () => {
-  const wrapper = shallowRender();
-
-  wrapper.instance().handleRangeChange({ value: 30 });
-
-  expect(getProjectActivity).toHaveBeenCalledWith({
-    branch: 'master',
-    project: 'project1',
-    from: toShortNotSoISOString(subDays(new Date(), 30)),
-  });
-});
-
-it('should register the badge nodes', () => {
-  const wrapper = shallowRender();
-
-  const element = document.createElement('div');
-
-  wrapper.instance().registerBadgeNode('4.3')(element);
-
-  expect(element.getAttribute('originOffsetTop')).not.toBeNull();
-});
-
-it('should handle scroll', () => {
-  const wrapper = shallowRender();
-
-  wrapper.instance().handleScroll({ currentTarget: { scrollTop: 12 } } as any);
-
-  expect(wrapper.state('scroll')).toBe(12);
-});
-
-describe('shouldStick', () => {
-  const wrapper = shallowRender();
-
-  wrapper.instance().badges['10.5'] = mockBadge('43');
-  wrapper.instance().badges['12.2'] = mockBadge('85');
-
-  it('should handle no badge', () => {
-    expect(wrapper.instance().shouldStick('unknown version')).toBe(false);
-  });
-  it('should return the correct result', () => {
-    wrapper.setState({ scroll: 36 }); // => 46 with STICKY_BADGE_SCROLL_OFFSET = 10
-    expect(wrapper.instance().shouldStick('10.5')).toBe(true);
-    expect(wrapper.instance().shouldStick('12.2')).toBe(false);
-  });
-});
-
-function shallowRender(props: Partial<BranchAnalysisList['props']> = {}) {
-  return shallow<BranchAnalysisList>(
-    <BranchAnalysisList
-      analysis="analysis1"
-      branch="master"
-      component="project1"
-      onSelectAnalysis={jest.fn()}
-      {...props}
-    />
-  );
-}
-
-function mockBadge(offsetTop: string) {
-  const element = document.createElement('div');
-
-  element.setAttribute('originOffsetTop', offsetTop);
-
-  return element;
-}
diff --git a/server/sonar-web/src/main/js/apps/projectBaseline/components/__tests__/BranchAnalysisListRenderer-test.tsx b/server/sonar-web/src/main/js/apps/projectBaseline/components/__tests__/BranchAnalysisListRenderer-test.tsx
deleted file mode 100644
index 1dc6e061f7d..00000000000
--- a/server/sonar-web/src/main/js/apps/projectBaseline/components/__tests__/BranchAnalysisListRenderer-test.tsx
+++ /dev/null
@@ -1,91 +0,0 @@
-/*
- * SonarQube
- * Copyright (C) 2009-2023 SonarSource SA
- * mailto:info AT sonarsource DOT com
- *
- * This program is free software; you can redistribute it and/or
- * modify it under the terms of the GNU Lesser General Public
- * License as published by the Free Software Foundation; either
- * version 3 of the License, or (at your option) any later version.
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU
- * Lesser General Public License for more details.
- *
- * You should have received a copy of the GNU Lesser General Public License
- * along with this program; if not, write to the Free Software Foundation,
- * Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
- */
-import { shallow } from 'enzyme';
-import * as React from 'react';
-import { mockAnalysisEvent, mockParsedAnalysis } from '../../../../helpers/mocks/project-activity';
-import { ProjectAnalysisEventCategory } from '../../../../types/project-activity';
-import BranchAnalysisListRenderer, {
-  BranchAnalysisListRendererProps,
-} from '../BranchAnalysisListRenderer';
-
-jest.mock('date-fns', () => {
-  const actual = jest.requireActual('date-fns');
-  return {
-    ...actual,
-    startOfDay: (date: Date) => {
-      const startDay = new Date(date);
-      startDay.setUTCHours(0, 0, 0, 0);
-      return startDay;
-    },
-  };
-});
-
-jest.mock('../../../../helpers/dates', () => {
-  const actual = jest.requireActual('../../../../helpers/dates');
-  return { ...actual, toShortNotSoISOString: (date: string) => `ISO.${date}` };
-});
-
-const analyses = [
-  mockParsedAnalysis({
-    key: '4',
-    date: new Date('2017-03-02T10:36:01Z'),
-    projectVersion: '4.2',
-  }),
-  mockParsedAnalysis({
-    key: '3',
-    date: new Date('2017-03-02T09:36:01Z'),
-    events: [mockAnalysisEvent()],
-    projectVersion: '4.2',
-  }),
-  mockParsedAnalysis({
-    key: '2',
-    date: new Date('2017-03-02T08:36:01Z'),
-    events: [
-      mockAnalysisEvent(),
-      mockAnalysisEvent({ category: ProjectAnalysisEventCategory.Version, qualityGate: undefined }),
-    ],
-    projectVersion: '4.1',
-  }),
-  mockParsedAnalysis({ key: '1', projectVersion: '4.1' }),
-];
-
-it('should render correctly', () => {
-  expect(shallowRender()).toMatchSnapshot('empty');
-  expect(shallowRender({ loading: true })).toMatchSnapshot('loading');
-  expect(shallowRender({ analyses, selectedAnalysisKey: '2' })).toMatchSnapshot('Analyses');
-});
-
-function shallowRender(props: Partial<BranchAnalysisListRendererProps> = {}) {
-  return shallow(
-    <BranchAnalysisListRenderer
-      analyses={[]}
-      handleRangeChange={jest.fn()}
-      handleScroll={jest.fn()}
-      loading={false}
-      onSelectAnalysis={jest.fn()}
-      range={30}
-      registerBadgeNode={jest.fn()}
-      registerScrollableNode={jest.fn()}
-      selectedAnalysisKey=""
-      shouldStick={jest.fn()}
-      {...props}
-    />
-  );
-}
diff --git a/server/sonar-web/src/main/js/apps/projectBaseline/components/__tests__/BranchBaselineSettingModal-test.tsx b/server/sonar-web/src/main/js/apps/projectBaseline/components/__tests__/BranchBaselineSettingModal-test.tsx
deleted file mode 100644
index 8a0e83b8e50..00000000000
--- a/server/sonar-web/src/main/js/apps/projectBaseline/components/__tests__/BranchBaselineSettingModal-test.tsx
+++ /dev/null
@@ -1,98 +0,0 @@
-/*
- * SonarQube
- * Copyright (C) 2009-2023 SonarSource SA
- * mailto:info AT sonarsource DOT com
- *
- * This program is free software; you can redistribute it and/or
- * modify it under the terms of the GNU Lesser General Public
- * License as published by the Free Software Foundation; either
- * version 3 of the License, or (at your option) any later version.
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU
- * Lesser General Public License for more details.
- *
- * You should have received a copy of the GNU Lesser General Public License
- * along with this program; if not, write to the Free Software Foundation,
- * Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
- */
-import { shallow } from 'enzyme';
-import * as React from 'react';
-import { setNewCodePeriod } from '../../../../api/newCodePeriod';
-import { mockBranch, mockMainBranch } from '../../../../helpers/mocks/branch-like';
-import { mockEvent, waitAndUpdate } from '../../../../helpers/testUtils';
-import { NewCodePeriodSettingType } from '../../../../types/types';
-import BranchBaselineSettingModal from '../BranchBaselineSettingModal';
-
-jest.mock('../../../../api/newCodePeriod', () => ({
-  setNewCodePeriod: jest.fn().mockResolvedValue({}),
-}));
-
-it('should render correctly', () => {
-  expect(shallowRender()).toMatchSnapshot('only one branch');
-  expect(
-    shallowRender({ branchList: [mockMainBranch(), mockBranch()], branch: mockMainBranch() })
-  ).toMatchSnapshot('multiple branches');
-});
-
-it('should display the branch analysis list when necessary', () => {
-  const wrapper = shallowRender();
-
-  wrapper.setState({ selected: NewCodePeriodSettingType.SPECIFIC_ANALYSIS });
-
-  expect(wrapper.find('BranchAnalysisList')).toHaveLength(1);
-});
-
-it('should save correctly', async () => {
-  const branch = mockMainBranch({ name: 'branchname' });
-  const component = 'compKey';
-  const wrapper = shallowRender({
-    branch,
-    component,
-  });
-
-  wrapper.setState({
-    analysis: 'analysis572893',
-    selected: NewCodePeriodSettingType.SPECIFIC_ANALYSIS,
-  });
-  await waitAndUpdate(wrapper);
-
-  wrapper.instance().handleSubmit(mockEvent());
-  await new Promise(setImmediate);
-
-  expect(setNewCodePeriod).toHaveBeenCalledWith({
-    project: component,
-    type: NewCodePeriodSettingType.SPECIFIC_ANALYSIS,
-    value: 'analysis572893',
-    branch: 'branchname',
-  });
-});
-
-it('should disable the save button when saving', () => {
-  const wrapper = shallowRender();
-
-  wrapper.setState({ saving: true });
-
-  expect(wrapper.find('SubmitButton').first().prop('disabled')).toBe(true);
-});
-
-it('should disable the save button when date is invalid', () => {
-  const wrapper = shallowRender();
-
-  wrapper.setState({ days: 'asdf' });
-
-  expect(wrapper.find('SubmitButton').first().prop('disabled')).toBe(true);
-});
-
-function shallowRender(props: Partial<BranchBaselineSettingModal['props']> = {}) {
-  return shallow<BranchBaselineSettingModal>(
-    <BranchBaselineSettingModal
-      branch={mockMainBranch()}
-      branchList={[mockMainBranch()]}
-      component="compKey"
-      onClose={jest.fn()}
-      {...props}
-    />
-  );
-}
diff --git a/server/sonar-web/src/main/js/apps/projectBaseline/components/__tests__/BranchList-test.tsx b/server/sonar-web/src/main/js/apps/projectBaseline/components/__tests__/BranchList-test.tsx
deleted file mode 100644
index 3fab1ff976f..00000000000
--- a/server/sonar-web/src/main/js/apps/projectBaseline/components/__tests__/BranchList-test.tsx
+++ /dev/null
@@ -1,103 +0,0 @@
-/*
- * SonarQube
- * Copyright (C) 2009-2023 SonarSource SA
- * mailto:info AT sonarsource DOT com
- *
- * This program is free software; you can redistribute it and/or
- * modify it under the terms of the GNU Lesser General Public
- * License as published by the Free Software Foundation; either
- * version 3 of the License, or (at your option) any later version.
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU
- * Lesser General Public License for more details.
- *
- * You should have received a copy of the GNU Lesser General Public License
- * along with this program; if not, write to the Free Software Foundation,
- * Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
- */
-import { shallow } from 'enzyme';
-import * as React from 'react';
-import { listBranchesNewCodePeriod, resetNewCodePeriod } from '../../../../api/newCodePeriod';
-import { mockBranch, mockMainBranch } from '../../../../helpers/mocks/branch-like';
-import { mockComponent } from '../../../../helpers/mocks/component';
-import { waitAndUpdate } from '../../../../helpers/testUtils';
-import { NewCodePeriodSettingType } from '../../../../types/types';
-import BranchBaselineSettingModal from '../BranchBaselineSettingModal';
-import BranchList from '../BranchList';
-
-jest.mock('../../../../api/newCodePeriod', () => ({
-  listBranchesNewCodePeriod: jest.fn().mockResolvedValue({ newCodePeriods: [] }),
-  resetNewCodePeriod: jest.fn().mockResolvedValue(null),
-}));
-
-const newCodePeriods = [
-  {
-    projectKey: '',
-    branchKey: 'master',
-    type: NewCodePeriodSettingType.NUMBER_OF_DAYS,
-    value: '27',
-  },
-];
-
-it('should render correctly', async () => {
-  (listBranchesNewCodePeriod as jest.Mock).mockResolvedValueOnce({ newCodePeriods });
-  const wrapper = shallowRender({
-    branchList: [mockMainBranch(), mockBranch(), mockBranch({ name: 'branch-7.0' })],
-  });
-  await waitAndUpdate(wrapper);
-  expect(wrapper.state().branches).toHaveLength(3);
-  expect(wrapper).toMatchSnapshot();
-});
-
-it('should handle reset', () => {
-  const component = mockComponent();
-  const wrapper = shallowRender({ component });
-
-  wrapper.instance().resetToDefault('master');
-
-  expect(resetNewCodePeriod).toHaveBeenCalledWith({
-    project: component.key,
-    branch: 'master',
-  });
-});
-
-it('should toggle popup', async () => {
-  const wrapper = shallowRender({ branchList: [mockMainBranch(), mockBranch()] });
-
-  wrapper.setState({ editedBranch: mockMainBranch() });
-
-  await waitAndUpdate(wrapper);
-
-  const nodes = wrapper.find(BranchBaselineSettingModal);
-  expect(nodes).toHaveLength(1);
-  expect(nodes.first().props().branch).toEqual(mockMainBranch());
-
-  wrapper
-    .instance()
-    .closeEditModal('master', { type: NewCodePeriodSettingType.NUMBER_OF_DAYS, value: '23' });
-
-  expect(wrapper.find('BranchBaselineSettingModal')).toHaveLength(0);
-  expect(wrapper.state().branches.find((b) => b.name === 'master')).toEqual({
-    analysisDate: '2018-01-01',
-    excludedFromPurge: true,
-    isMain: true,
-    name: 'master',
-    newCodePeriod: {
-      type: NewCodePeriodSettingType.NUMBER_OF_DAYS,
-      value: '23',
-    },
-  });
-});
-
-function shallowRender(props: Partial<BranchList['props']> = {}) {
-  return shallow<BranchList>(
-    <BranchList
-      branchList={[]}
-      component={mockComponent()}
-      inheritedSetting={{ type: NewCodePeriodSettingType.PREVIOUS_VERSION }}
-      {...props}
-    />
-  );
-}
diff --git a/server/sonar-web/src/main/js/apps/projectBaseline/components/__tests__/BranchListRow-test.tsx b/server/sonar-web/src/main/js/apps/projectBaseline/components/__tests__/BranchListRow-test.tsx
deleted file mode 100644
index 12f2bb83be1..00000000000
--- a/server/sonar-web/src/main/js/apps/projectBaseline/components/__tests__/BranchListRow-test.tsx
+++ /dev/null
@@ -1,110 +0,0 @@
-/*
- * SonarQube
- * Copyright (C) 2009-2023 SonarSource SA
- * mailto:info AT sonarsource DOT com
- *
- * This program is free software; you can redistribute it and/or
- * modify it under the terms of the GNU Lesser General Public
- * License as published by the Free Software Foundation; either
- * version 3 of the License, or (at your option) any later version.
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU
- * Lesser General Public License for more details.
- *
- * You should have received a copy of the GNU Lesser General Public License
- * along with this program; if not, write to the Free Software Foundation,
- * Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
- */
-import { shallow } from 'enzyme';
-import * as React from 'react';
-import { ActionsDropdownItem } from '../../../../components/controls/ActionsDropdown';
-import { mockBranch, mockMainBranch } from '../../../../helpers/mocks/branch-like';
-import { NewCodePeriodSettingType } from '../../../../types/types';
-import BranchListRow, { BranchListRowProps } from '../BranchListRow';
-
-it('should render correctly', () => {
-  expect(shallowRender()).toMatchSnapshot('main branch with default');
-  expect(
-    shallowRender({
-      branch: mockBranch({ name: 'branch-7.3' }),
-      inheritedSetting: { type: NewCodePeriodSettingType.REFERENCE_BRANCH, value: 'branch-7.3' },
-    })
-  ).toMatchSnapshot('faulty branch');
-  expect(
-    shallowRender({
-      branch: {
-        ...mockBranch(),
-        newCodePeriod: { type: NewCodePeriodSettingType.NUMBER_OF_DAYS, value: '21' },
-      },
-    })
-  ).toMatchSnapshot('branch with number of days');
-  expect(
-    shallowRender({
-      branch: {
-        ...mockBranch(),
-        newCodePeriod: { type: NewCodePeriodSettingType.PREVIOUS_VERSION },
-      },
-    })
-  ).toMatchSnapshot('branch with previous version');
-  expect(
-    shallowRender({
-      branch: {
-        ...mockBranch(),
-        newCodePeriod: {
-          type: NewCodePeriodSettingType.SPECIFIC_ANALYSIS,
-          value: 'A85835',
-          effectiveValue: '2018-12-02T13:01:12',
-        },
-      },
-    })
-  ).toMatchSnapshot('branch with specific analysis');
-  expect(
-    shallowRender({
-      branch: {
-        ...mockBranch(),
-        newCodePeriod: { type: NewCodePeriodSettingType.REFERENCE_BRANCH, value: 'master' },
-      },
-    })
-  ).toMatchSnapshot('branch with reference branch');
-});
-
-it('should callback to open modal when clicked', () => {
-  const openEditModal = jest.fn();
-  const branch = mockBranch();
-  const wrapper = shallowRender({ branch, onOpenEditModal: openEditModal });
-
-  wrapper.find(ActionsDropdownItem).first().simulate('click');
-
-  expect(openEditModal).toHaveBeenCalledWith(branch);
-});
-
-it('should callback to reset when clicked', () => {
-  const resetToDefault = jest.fn();
-  const branchName = 'branch-6.5';
-  const wrapper = shallowRender({
-    branch: {
-      ...mockBranch({ name: branchName }),
-      newCodePeriod: { type: NewCodePeriodSettingType.REFERENCE_BRANCH },
-    },
-    onResetToDefault: resetToDefault,
-  });
-
-  wrapper.find(ActionsDropdownItem).at(1).simulate('click');
-
-  expect(resetToDefault).toHaveBeenCalledWith(branchName);
-});
-
-function shallowRender(props: Partial<BranchListRowProps> = {}) {
-  return shallow(
-    <BranchListRow
-      branch={mockMainBranch()}
-      existingBranches={['master']}
-      inheritedSetting={{}}
-      onOpenEditModal={jest.fn()}
-      onResetToDefault={jest.fn()}
-      {...props}
-    />
-  );
-}
diff --git a/server/sonar-web/src/main/js/apps/projectBaseline/components/__tests__/ProjectBaselineApp-it.tsx b/server/sonar-web/src/main/js/apps/projectBaseline/components/__tests__/ProjectBaselineApp-it.tsx
new file mode 100644
index 00000000000..c43b7d4080e
--- /dev/null
+++ b/server/sonar-web/src/main/js/apps/projectBaseline/components/__tests__/ProjectBaselineApp-it.tsx
@@ -0,0 +1,333 @@
+/*
+ * SonarQube
+ * Copyright (C) 2009-2023 SonarSource SA
+ * mailto:info AT sonarsource DOT com
+ *
+ * This program is free software; you can redistribute it and/or
+ * modify it under the terms of the GNU Lesser General Public
+ * License as published by the Free Software Foundation; either
+ * version 3 of the License, or (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU
+ * Lesser General Public License for more details.
+ *
+ * You should have received a copy of the GNU Lesser General Public License
+ * along with this program; if not, write to the Free Software Foundation,
+ * Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
+ */
+import { within } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
+import { first, last } from 'lodash';
+import selectEvent from 'react-select-event';
+import { byRole, byText } from 'testing-library-selector';
+import NewCodePeriodsServiceMock from '../../../../api/mocks/NewCodePeriodsServiceMock';
+import { ProjectActivityServiceMock } from '../../../../api/mocks/ProjectActivityServiceMock';
+import { mockBranch } from '../../../../helpers/mocks/branch-like';
+import { mockComponent } from '../../../../helpers/mocks/component';
+import { mockAppState } from '../../../../helpers/testMocks';
+import {
+  renderAppWithComponentContext,
+  RenderContext,
+} from '../../../../helpers/testReactTestingUtils';
+import { Feature } from '../../../../types/features';
+import routes from '../../routes';
+
+jest.mock('../../../../api/newCodePeriod');
+jest.mock('../../../../api/projectActivity');
+
+const codePeriodsMock = new NewCodePeriodsServiceMock();
+const projectActivityMock = new ProjectActivityServiceMock();
+
+afterEach(() => {
+  codePeriodsMock.reset();
+  projectActivityMock.reset();
+});
+
+it('renders correctly without branch support feature', async () => {
+  const { ui } = getPageObjects();
+  renderProjectBaselineApp();
+  await ui.appIsLoaded();
+
+  expect(ui.generalSettingRadio.get()).toBeChecked();
+  expect(ui.specificAnalysisRadio.get()).toBeInTheDocument();
+
+  // User is not admin
+  expect(ui.generalSettingsLink.query()).not.toBeInTheDocument();
+
+  // Specific branch setting is not rendered without feature branch
+  expect(ui.branchListHeading.query()).not.toBeInTheDocument();
+  expect(ui.referenceBranchRadio.query()).not.toBeInTheDocument();
+});
+
+it('renders correctly with branch support feature', async () => {
+  const { ui } = getPageObjects();
+  renderProjectBaselineApp({
+    featureList: [Feature.BranchSupport],
+    appState: mockAppState({ canAdmin: true }),
+  });
+  await ui.appIsLoaded();
+
+  expect(ui.generalSettingRadio.get()).toBeChecked();
+  expect(ui.specificAnalysisRadio.query()).not.toBeInTheDocument();
+
+  // User is admin
+  expect(ui.generalSettingsLink.get()).toBeInTheDocument();
+
+  // Specific branch setting is rendered with feature support branch
+  expect(ui.branchListHeading.get()).toBeInTheDocument();
+  expect(ui.referenceBranchRadio.get()).toBeInTheDocument();
+});
+
+it('can set previous version specific setting', async () => {
+  const { ui, user } = getPageObjects();
+  renderProjectBaselineApp();
+  await ui.appIsLoaded();
+
+  expect(ui.previousVersionRadio.get()).toHaveClass('disabled');
+  await ui.setPreviousVersionSetting();
+  expect(ui.previousVersionRadio.get()).toBeChecked();
+
+  // Save changes
+  await user.click(ui.saveButton.get());
+
+  expect(ui.saved.get()).toBeInTheDocument();
+
+  // Set general setting
+  await user.click(ui.generalSettingRadio.get());
+  expect(ui.previousVersionRadio.get()).toHaveClass('disabled');
+  await user.click(ui.saveButton.get());
+  expect(ui.saved.get()).toBeInTheDocument();
+});
+
+it('can set number of days specific setting', async () => {
+  const { ui, user } = getPageObjects();
+  renderProjectBaselineApp();
+  await ui.appIsLoaded();
+
+  expect(ui.numberDaysRadio.get()).toHaveClass('disabled');
+  await ui.setNumberDaysSetting('10');
+  expect(ui.numberDaysRadio.get()).toBeChecked();
+
+  // Reset to initial state
+  await user.click(ui.cancelButton.get());
+  expect(ui.generalSettingRadio.get()).toBeChecked();
+  expect(ui.numberDaysRadio.get()).toHaveClass('disabled');
+
+  // Save changes
+  await ui.setNumberDaysSetting('10');
+  await user.click(ui.saveButton.get());
+
+  expect(ui.saved.get()).toBeInTheDocument();
+});
+
+it('can set reference branch specific setting', async () => {
+  const { ui, user } = getPageObjects();
+  renderProjectBaselineApp({
+    featureList: [Feature.BranchSupport],
+  });
+  await ui.appIsLoaded();
+
+  expect(ui.referenceBranchRadio.get()).toHaveClass('disabled');
+  await ui.setReferenceBranchSetting('main');
+  expect(ui.referenceBranchRadio.get()).toBeChecked();
+
+  // Save changes
+  await user.click(ui.saveButton.get());
+
+  expect(ui.saved.get()).toBeInTheDocument();
+});
+
+it('can set specific analysis setting', async () => {
+  const { ui, user } = getPageObjects();
+  renderProjectBaselineApp();
+  await ui.appIsLoaded();
+
+  expect(ui.specificAnalysisRadio.get()).toHaveClass('disabled');
+  await ui.setSpecificAnalysisSetting();
+  expect(ui.specificAnalysisRadio.get()).toBeChecked();
+
+  // Save changes
+  await user.click(ui.saveButton.get());
+
+  expect(ui.saved.get()).toBeInTheDocument();
+});
+
+it('can set a previous version setting for branch', async () => {
+  const { ui, user } = getPageObjects();
+  renderProjectBaselineApp({
+    featureList: [Feature.BranchSupport],
+  });
+  await ui.appIsLoaded();
+  await ui.setBranchPreviousVersionSetting('main');
+
+  expect(within(byRole('table').get()).getByText('baseline.previous_version')).toBeInTheDocument();
+
+  await user.click(await ui.branchActionsButton('main').find());
+
+  expect(ui.resetToDefaultButton.get()).toBeInTheDocument();
+  await user.click(ui.resetToDefaultButton.get());
+
+  expect(
+    first(within(byRole('table').get()).getAllByText('branch_list.default_setting'))
+  ).toBeInTheDocument();
+});
+
+it('can set a number of days setting for branch', async () => {
+  const { ui } = getPageObjects();
+  renderProjectBaselineApp({
+    featureList: [Feature.BranchSupport],
+  });
+  await ui.appIsLoaded();
+
+  await ui.setBranchNumberOfDaysSetting('main', '15');
+
+  expect(within(byRole('table').get()).getByText('baseline.number_days: 15')).toBeInTheDocument();
+});
+
+it('can set a specific analysis setting for branch', async () => {
+  const { ui } = getPageObjects();
+  renderProjectBaselineApp({
+    featureList: [Feature.BranchSupport],
+  });
+  await ui.appIsLoaded();
+
+  await ui.setBranchSpecificAnalysisSetting('main');
+
+  expect(within(byRole('table').get()).getByText(/baseline.specific_analysis/)).toBeInTheDocument();
+});
+
+it('can set a reference branch setting for branch', async () => {
+  const { ui } = getPageObjects();
+  renderProjectBaselineApp({
+    featureList: [Feature.BranchSupport],
+  });
+  await ui.appIsLoaded();
+
+  await ui.setBranchReferenceToBranchSetting('main', 'feature');
+
+  expect(
+    within(byRole('table').get()).getByText('baseline.reference_branch: feature')
+  ).toBeInTheDocument();
+});
+
+function renderProjectBaselineApp(context: RenderContext = {}) {
+  const branch = mockBranch({ name: 'main', isMain: true });
+  return renderAppWithComponentContext('baseline', routes, context, {
+    component: mockComponent(),
+    branchLike: branch,
+    branchLikes: [branch, mockBranch({ name: 'feature' })],
+  });
+}
+
+function getPageObjects() {
+  const user = userEvent.setup();
+
+  const ui = {
+    pageHeading: byRole('heading', { name: 'project_baseline.page' }),
+    branchListHeading: byRole('heading', { name: 'project_baseline.default_setting' }),
+    generalSettingsLink: byRole('link', { name: 'project_baseline.page.description2.link' }),
+    generalSettingRadio: byRole('radio', { name: 'project_baseline.general_setting' }),
+    specificSettingRadio: byRole('radio', { name: 'project_baseline.specific_setting' }),
+    previousVersionRadio: byRole('radio', { name: /baseline.previous_version.description/ }),
+    numberDaysRadio: byRole('radio', { name: /baseline.number_days.description/ }),
+    numberDaysInput: byRole('textbox'),
+    referenceBranchRadio: byRole('radio', { name: /baseline.reference_branch.description/ }),
+    chooseBranchSelect: byRole('combobox', { name: 'baseline.reference_branch.choose' }),
+    specificAnalysisRadio: byRole('radio', { name: /baseline.specific_analysis.description/ }),
+    analysisFromSelect: byRole('combobox', { name: 'baseline.analysis_from' }),
+    analysisListItem: byRole('radio', { name: /baseline.branch_analyses.analysis_for_x/ }),
+    saveButton: byRole('button', { name: 'save' }),
+    cancelButton: byRole('button', { name: 'cancel' }),
+    branchActionsButton: (branch: string) =>
+      byRole('button', { name: `branch_list.show_actions_for_x.${branch}` }),
+    editButton: byRole('button', { name: 'edit' }),
+    resetToDefaultButton: byRole('button', { name: 'reset_to_default' }),
+    saved: byText('settings.state.saved'),
+  };
+
+  async function appIsLoaded() {
+    expect(await ui.pageHeading.find()).toBeInTheDocument();
+  }
+
+  async function setPreviousVersionSetting() {
+    await user.click(ui.specificSettingRadio.get());
+    await user.click(ui.previousVersionRadio.get());
+  }
+
+  async function setBranchPreviousVersionSetting(branch: string) {
+    await user.click(await ui.branchActionsButton(branch).find());
+    await user.click(ui.editButton.get());
+    await user.click(last(ui.previousVersionRadio.getAll()) as HTMLElement);
+    await user.click(last(ui.saveButton.getAll()) as HTMLElement);
+  }
+
+  async function setNumberDaysSetting(value: string) {
+    await user.click(ui.specificSettingRadio.get());
+    await user.click(ui.numberDaysRadio.get());
+    await user.clear(ui.numberDaysInput.get());
+    await user.type(ui.numberDaysInput.get(), value);
+  }
+
+  async function setBranchNumberOfDaysSetting(branch: string, value: string) {
+    await user.click(await ui.branchActionsButton(branch).find());
+    await user.click(ui.editButton.get());
+    await user.click(last(ui.numberDaysRadio.getAll()) as HTMLElement);
+    await user.clear(ui.numberDaysInput.get());
+    await user.type(ui.numberDaysInput.get(), value);
+    await user.click(last(ui.saveButton.getAll()) as HTMLElement);
+  }
+
+  async function setReferenceBranchSetting(branch: string) {
+    await user.click(ui.specificSettingRadio.get());
+    await user.click(ui.referenceBranchRadio.get());
+    await selectEvent.select(ui.chooseBranchSelect.get(), branch);
+  }
+
+  async function setBranchReferenceToBranchSetting(branch: string, branchRef: string) {
+    await user.click(await ui.branchActionsButton(branch).find());
+    await user.click(ui.editButton.get());
+    await user.click(last(ui.referenceBranchRadio.getAll()) as HTMLElement);
+    await selectEvent.select(ui.chooseBranchSelect.get(), branchRef);
+    await user.click(last(ui.saveButton.getAll()) as HTMLElement);
+  }
+
+  async function setSpecificAnalysisSetting() {
+    await user.click(ui.specificSettingRadio.get());
+    await user.click(ui.specificAnalysisRadio.get());
+    await selectEvent.select(
+      ui.analysisFromSelect.get(),
+      'baseline.branch_analyses.ranges.allTime'
+    );
+    await user.click(first(ui.analysisListItem.getAll()) as HTMLElement);
+  }
+
+  async function setBranchSpecificAnalysisSetting(branch: string) {
+    await user.click(await ui.branchActionsButton(branch).find());
+    await user.click(ui.editButton.get());
+    await user.click(last(ui.specificAnalysisRadio.getAll()) as HTMLElement);
+    await selectEvent.select(
+      ui.analysisFromSelect.get(),
+      'baseline.branch_analyses.ranges.allTime'
+    );
+    await user.click(first(ui.analysisListItem.getAll()) as HTMLElement);
+    await user.click(last(ui.saveButton.getAll()) as HTMLElement);
+  }
+
+  return {
+    ui: {
+      ...ui,
+      appIsLoaded,
+      setNumberDaysSetting,
+      setPreviousVersionSetting,
+      setReferenceBranchSetting,
+      setSpecificAnalysisSetting,
+      setBranchPreviousVersionSetting,
+      setBranchNumberOfDaysSetting,
+      setBranchSpecificAnalysisSetting,
+      setBranchReferenceToBranchSetting,
+    },
+    user,
+  };
+}
diff --git a/server/sonar-web/src/main/js/apps/projectBaseline/components/__tests__/ProjectBaselineApp-test.tsx b/server/sonar-web/src/main/js/apps/projectBaseline/components/__tests__/ProjectBaselineApp-test.tsx
deleted file mode 100644
index 1f368a4060e..00000000000
--- a/server/sonar-web/src/main/js/apps/projectBaseline/components/__tests__/ProjectBaselineApp-test.tsx
+++ /dev/null
@@ -1,119 +0,0 @@
-/*
- * SonarQube
- * Copyright (C) 2009-2023 SonarSource SA
- * mailto:info AT sonarsource DOT com
- *
- * This program is free software; you can redistribute it and/or
- * modify it under the terms of the GNU Lesser General Public
- * License as published by the Free Software Foundation; either
- * version 3 of the License, or (at your option) any later version.
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU
- * Lesser General Public License for more details.
- *
- * You should have received a copy of the GNU Lesser General Public License
- * along with this program; if not, write to the Free Software Foundation,
- * Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
- */
-import { shallow } from 'enzyme';
-import * as React from 'react';
-import {
-  getNewCodePeriod,
-  resetNewCodePeriod,
-  setNewCodePeriod,
-} from '../../../../api/newCodePeriod';
-import { mockBranch, mockMainBranch, mockPullRequest } from '../../../../helpers/mocks/branch-like';
-import { mockComponent } from '../../../../helpers/mocks/component';
-import { mockAppState } from '../../../../helpers/testMocks';
-import { mockEvent, waitAndUpdate } from '../../../../helpers/testUtils';
-import { NewCodePeriodSettingType } from '../../../../types/types';
-import { ProjectBaselineApp } from '../ProjectBaselineApp';
-
-jest.mock('../../../../api/newCodePeriod', () => ({
-  getNewCodePeriod: jest.fn().mockResolvedValue({}),
-  resetNewCodePeriod: jest.fn().mockResolvedValue({}),
-  setNewCodePeriod: jest.fn().mockResolvedValue({}),
-}));
-
-it('should render correctly', async () => {
-  let wrapper = shallowRender();
-  await waitAndUpdate(wrapper);
-  expect(wrapper).toMatchSnapshot();
-
-  wrapper = shallowRender({ appState: mockAppState({ canAdmin: true }), hasFeature: () => false });
-  await waitAndUpdate(wrapper);
-  expect(wrapper).toMatchSnapshot('without branch support');
-});
-
-it('should initialize correctly', async () => {
-  const wrapper = shallowRender({
-    branchLikes: [mockBranch(), mockPullRequest(), mockMainBranch()],
-  });
-  await waitAndUpdate(wrapper);
-
-  expect(wrapper.state().branchList).toHaveLength(2);
-  expect(wrapper.state().referenceBranch).toBe('master');
-});
-
-it('should not display reset button if project setting is not set', () => {
-  const wrapper = shallowRender();
-
-  expect(wrapper.find('Button')).toHaveLength(0);
-});
-
-it('should reset the setting correctly', async () => {
-  const wrapper = shallowRender();
-  await waitAndUpdate(wrapper);
-  wrapper.instance().resetSetting();
-  await waitAndUpdate(wrapper);
-  expect(wrapper.state('currentSetting')).toBeUndefined();
-  expect(wrapper.state('selected')).toBeUndefined();
-});
-
-it('should save correctly', async () => {
-  const component = mockComponent();
-  const wrapper = shallowRender({ component });
-  await waitAndUpdate(wrapper);
-  wrapper.setState({ selected: NewCodePeriodSettingType.NUMBER_OF_DAYS, days: '23' });
-  wrapper.instance().handleSubmit(mockEvent());
-  await waitAndUpdate(wrapper);
-  expect(setNewCodePeriod).toHaveBeenCalledWith({
-    project: component.key,
-    type: NewCodePeriodSettingType.NUMBER_OF_DAYS,
-    value: '23',
-  });
-  expect(wrapper.state('currentSetting')).toEqual(wrapper.state('selected'));
-});
-
-it('should handle errors gracefully', async () => {
-  (getNewCodePeriod as jest.Mock).mockRejectedValue('error');
-  (setNewCodePeriod as jest.Mock).mockRejectedValue('error');
-  (resetNewCodePeriod as jest.Mock).mockRejectedValue('error');
-
-  const wrapper = shallowRender();
-  wrapper.setState({ selected: NewCodePeriodSettingType.PREVIOUS_VERSION });
-  await waitAndUpdate(wrapper);
-
-  expect(wrapper.state('loading')).toBe(false);
-  wrapper.instance().resetSetting();
-  await waitAndUpdate(wrapper);
-  expect(wrapper.state('saving')).toBe(false);
-  wrapper.instance().handleSubmit(mockEvent());
-  await waitAndUpdate(wrapper);
-  expect(wrapper.state('saving')).toBe(false);
-});
-
-function shallowRender(props: Partial<ProjectBaselineApp['props']> = {}) {
-  return shallow<ProjectBaselineApp>(
-    <ProjectBaselineApp
-      branchLike={mockBranch()}
-      branchLikes={[mockMainBranch()]}
-      appState={mockAppState({ canAdmin: true })}
-      hasFeature={jest.fn().mockReturnValue(true)}
-      component={mockComponent()}
-      {...props}
-    />
-  );
-}
diff --git a/server/sonar-web/src/main/js/apps/projectBaseline/components/__tests__/ProjectBaselineSelector-test.tsx b/server/sonar-web/src/main/js/apps/projectBaseline/components/__tests__/ProjectBaselineSelector-test.tsx
deleted file mode 100644
index 740f830be9c..00000000000
--- a/server/sonar-web/src/main/js/apps/projectBaseline/components/__tests__/ProjectBaselineSelector-test.tsx
+++ /dev/null
@@ -1,116 +0,0 @@
-/*
- * SonarQube
- * Copyright (C) 2009-2023 SonarSource SA
- * mailto:info AT sonarsource DOT com
- *
- * This program is free software; you can redistribute it and/or
- * modify it under the terms of the GNU Lesser General Public
- * License as published by the Free Software Foundation; either
- * version 3 of the License, or (at your option) any later version.
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU
- * Lesser General Public License for more details.
- *
- * You should have received a copy of the GNU Lesser General Public License
- * along with this program; if not, write to the Free Software Foundation,
- * Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
- */
-import { shallow } from 'enzyme';
-import * as React from 'react';
-import { mockBranch, mockMainBranch } from '../../../../helpers/mocks/branch-like';
-import { NewCodePeriodSettingType } from '../../../../types/types';
-import ProjectBaselineSelector, { ProjectBaselineSelectorProps } from '../ProjectBaselineSelector';
-
-it('should render correctly', () => {
-  expect(shallowRender()).toMatchSnapshot();
-  expect(
-    shallowRender({
-      branchesEnabled: false,
-      generalSetting: { type: NewCodePeriodSettingType.NUMBER_OF_DAYS, value: '23' },
-    })
-  ).toMatchSnapshot();
-  expect(
-    shallowRender({
-      branchesEnabled: false,
-      generalSetting: { type: NewCodePeriodSettingType.NUMBER_OF_DAYS, value: '' },
-    })
-  ).toMatchSnapshot();
-});
-
-it('should not show save button when unchanged', () => {
-  const wrapper = shallowRender({
-    currentSetting: NewCodePeriodSettingType.PREVIOUS_VERSION,
-    selected: NewCodePeriodSettingType.PREVIOUS_VERSION,
-    overrideGeneralSetting: true,
-  });
-  expect(wrapper.find('SubmitButton').parent().hasClass('invisible')).toBe(true);
-});
-
-it('should show save button when changed', () => {
-  const wrapper = shallowRender({
-    currentSetting: NewCodePeriodSettingType.PREVIOUS_VERSION,
-    selected: NewCodePeriodSettingType.NUMBER_OF_DAYS,
-    overrideGeneralSetting: true,
-  });
-  expect(wrapper.find('SubmitButton')).toHaveLength(1);
-});
-
-it('should show save button when value changed', () => {
-  const wrapper = shallowRender({
-    currentSetting: NewCodePeriodSettingType.NUMBER_OF_DAYS,
-    currentSettingValue: '23',
-    days: '25',
-    selected: NewCodePeriodSettingType.NUMBER_OF_DAYS,
-    overrideGeneralSetting: true,
-  });
-  expect(wrapper.find('SubmitButton')).toHaveLength(1);
-});
-
-it('should disable the save button when saving', () => {
-  const wrapper = shallowRender({
-    currentSetting: NewCodePeriodSettingType.NUMBER_OF_DAYS,
-    currentSettingValue: '25',
-    saving: true,
-    selected: NewCodePeriodSettingType.PREVIOUS_VERSION,
-    overrideGeneralSetting: true,
-  });
-
-  expect(wrapper.find('SubmitButton').first().prop('disabled')).toBe(true);
-});
-
-it('should disable the save button when date is invalid', () => {
-  const wrapper = shallowRender({
-    currentSetting: NewCodePeriodSettingType.PREVIOUS_VERSION,
-    days: 'hello',
-    selected: NewCodePeriodSettingType.NUMBER_OF_DAYS,
-    overrideGeneralSetting: true,
-  });
-
-  expect(wrapper.find('SubmitButton').first().prop('disabled')).toBe(true);
-});
-
-function shallowRender(props: Partial<ProjectBaselineSelectorProps> = {}) {
-  return shallow(
-    <ProjectBaselineSelector
-      branch={mockBranch()}
-      branchList={[mockMainBranch()]}
-      branchesEnabled={true}
-      component=""
-      days="12"
-      generalSetting={{}}
-      onCancel={jest.fn()}
-      onSelectAnalysis={jest.fn()}
-      onSelectDays={jest.fn()}
-      onSelectReferenceBranch={jest.fn()}
-      onSelectSetting={jest.fn()}
-      onSubmit={jest.fn()}
-      onToggleSpecificSetting={jest.fn()}
-      overrideGeneralSetting={false}
-      referenceBranch="master"
-      saving={false}
-      {...props}
-    />
-  );
-}
diff --git a/server/sonar-web/src/main/js/apps/projectBaseline/components/__tests__/__snapshots__/AppHeader-test.tsx.snap b/server/sonar-web/src/main/js/apps/projectBaseline/components/__tests__/__snapshots__/AppHeader-test.tsx.snap
deleted file mode 100644
index ef814d672ba..00000000000
--- a/server/sonar-web/src/main/js/apps/projectBaseline/components/__tests__/__snapshots__/AppHeader-test.tsx.snap
+++ /dev/null
@@ -1,74 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`should render correctly: can admin 1`] = `
-<header
-  className="page-header"
->
-  <h1
-    className="page-title"
-  >
-    project_baseline.page
-  </h1>
-  <p
-    className="page-description"
-  >
-    <FormattedMessage
-      defaultMessage="project_baseline.page.description"
-      id="project_baseline.page.description"
-      values={
-        {
-          "link": <withAppStateContext(DocLink)
-            to="/project-administration/defining-new-code/"
-          >
-            project_baseline.page.description.link
-          </withAppStateContext(DocLink)>,
-        }
-      }
-    />
-    <br />
-    <FormattedMessage
-      defaultMessage="project_baseline.page.description2"
-      id="project_baseline.page.description2"
-      values={
-        {
-          "link": <ForwardRef(Link)
-            to="/admin/settings?category=new_code_period"
-          >
-            project_baseline.page.description2.link
-          </ForwardRef(Link)>,
-        }
-      }
-    />
-  </p>
-</header>
-`;
-
-exports[`should render correctly: cannot admin 1`] = `
-<header
-  className="page-header"
->
-  <h1
-    className="page-title"
-  >
-    project_baseline.page
-  </h1>
-  <p
-    className="page-description"
-  >
-    <FormattedMessage
-      defaultMessage="project_baseline.page.description"
-      id="project_baseline.page.description"
-      values={
-        {
-          "link": <withAppStateContext(DocLink)
-            to="/project-administration/defining-new-code/"
-          >
-            project_baseline.page.description.link
-          </withAppStateContext(DocLink)>,
-        }
-      }
-    />
-    <br />
-  </p>
-</header>
-`;
diff --git a/server/sonar-web/src/main/js/apps/projectBaseline/components/__tests__/__snapshots__/BaselineSettingAnalysis-test.tsx.snap b/server/sonar-web/src/main/js/apps/projectBaseline/components/__tests__/__snapshots__/BaselineSettingAnalysis-test.tsx.snap
deleted file mode 100644
index a5dc6125502..00000000000
--- a/server/sonar-web/src/main/js/apps/projectBaseline/components/__tests__/__snapshots__/BaselineSettingAnalysis-test.tsx.snap
+++ /dev/null
@@ -1,15 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`should render correctly 1`] = `
-<RadioCard
-  onClick={[Function]}
-  selected={true}
-  title="baseline.specific_analysis"
->
-  <p
-    className="big-spacer-bottom"
-  >
-    baseline.specific_analysis.description
-  </p>
-</RadioCard>
-`;
diff --git a/server/sonar-web/src/main/js/apps/projectBaseline/components/__tests__/__snapshots__/BaselineSettingDays-test.tsx.snap b/server/sonar-web/src/main/js/apps/projectBaseline/components/__tests__/__snapshots__/BaselineSettingDays-test.tsx.snap
deleted file mode 100644
index b8ac429ca80..00000000000
--- a/server/sonar-web/src/main/js/apps/projectBaseline/components/__tests__/__snapshots__/BaselineSettingDays-test.tsx.snap
+++ /dev/null
@@ -1,85 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`should render correctly 1`] = `
-<RadioCard
-  onClick={[Function]}
-  selected={true}
-  title="baseline.number_days"
->
-  <p
-    className="big-spacer-bottom"
-  >
-    baseline.number_days.description
-  </p>
-  <MandatoryFieldsExplanation />
-  <ValidationInput
-    isInvalid={false}
-    isValid={false}
-    label="baseline.specify_days"
-    labelHtmlFor="baseline_number_of_days"
-    required={true}
-  >
-    <input
-      onChange={[Function]}
-      type="text"
-      value="28"
-    />
-  </ValidationInput>
-</RadioCard>
-`;
-
-exports[`should render correctly 2`] = `
-<RadioCard
-  onClick={[Function]}
-  selected={true}
-  title="baseline.number_days"
->
-  <p
-    className="big-spacer-bottom"
-  >
-    baseline.number_days.description
-  </p>
-  <MandatoryFieldsExplanation />
-  <ValidationInput
-    isInvalid={false}
-    isValid={true}
-    label="baseline.specify_days"
-    labelHtmlFor="baseline_number_of_days"
-    required={true}
-  >
-    <input
-      onChange={[Function]}
-      type="text"
-      value="28"
-    />
-  </ValidationInput>
-</RadioCard>
-`;
-
-exports[`should render correctly 3`] = `
-<RadioCard
-  onClick={[Function]}
-  selected={true}
-  title="baseline.number_days"
->
-  <p
-    className="big-spacer-bottom"
-  >
-    baseline.number_days.description
-  </p>
-  <MandatoryFieldsExplanation />
-  <ValidationInput
-    isInvalid={true}
-    isValid={false}
-    label="baseline.specify_days"
-    labelHtmlFor="baseline_number_of_days"
-    required={true}
-  >
-    <input
-      onChange={[Function]}
-      type="text"
-      value="28"
-    />
-  </ValidationInput>
-</RadioCard>
-`;
diff --git a/server/sonar-web/src/main/js/apps/projectBaseline/components/__tests__/__snapshots__/BaselineSettingPreviousVersion-test.tsx.snap b/server/sonar-web/src/main/js/apps/projectBaseline/components/__tests__/__snapshots__/BaselineSettingPreviousVersion-test.tsx.snap
deleted file mode 100644
index cb4acd788cb..00000000000
--- a/server/sonar-web/src/main/js/apps/projectBaseline/components/__tests__/__snapshots__/BaselineSettingPreviousVersion-test.tsx.snap
+++ /dev/null
@@ -1,25 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`should render correctly 1`] = `
-<RadioCard
-  onClick={[Function]}
-  selected={true}
-  title="baseline.previous_version"
->
-  <p>
-    baseline.previous_version.description
-  </p>
-</RadioCard>
-`;
-
-exports[`should render correctly 2`] = `
-<RadioCard
-  onClick={[Function]}
-  selected={true}
-  title="baseline.previous_version (default)"
->
-  <p>
-    baseline.previous_version.description
-  </p>
-</RadioCard>
-`;
diff --git a/server/sonar-web/src/main/js/apps/projectBaseline/components/__tests__/__snapshots__/BaselineSettingReferenceBranch-test.tsx.snap b/server/sonar-web/src/main/js/apps/projectBaseline/components/__tests__/__snapshots__/BaselineSettingReferenceBranch-test.tsx.snap
deleted file mode 100644
index e2eb5c63fdc..00000000000
--- a/server/sonar-web/src/main/js/apps/projectBaseline/components/__tests__/__snapshots__/BaselineSettingReferenceBranch-test.tsx.snap
+++ /dev/null
@@ -1,260 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`renderOption should render correctly: branch 1`] = `
-<Option
-  data={
-    {
-      "isMain": false,
-      "label": "branch-7.4",
-      "value": "branch-7.4",
-    }
-  }
->
-  <React.Fragment>
-    <span>
-      branch-7.4
-    </span>
-  </React.Fragment>
-</Option>
-`;
-
-exports[`renderOption should render correctly: branch doesn't exist 1`] = `
-<Option
-  data={
-    {
-      "isInvalid": true,
-      "isMain": false,
-      "label": "branch-nope",
-      "value": "branch-nope",
-    }
-  }
->
-  <Tooltip
-    overlay="baseline.reference_branch.does_not_exist.branch-nope"
-  >
-    <span>
-      branch-nope
-       
-      <AlertErrorIcon />
-    </span>
-  </Tooltip>
-</Option>
-`;
-
-exports[`renderOption should render correctly: disabled 1`] = `
-<Option
-  data={
-    {
-      "isDisabled": true,
-      "isMain": false,
-      "label": "disabled",
-      "value": "disabled",
-    }
-  }
->
-  <React.Fragment>
-    <span
-      title="baseline.reference_branch.cannot_be_itself"
-    >
-      disabled
-    </span>
-  </React.Fragment>
-</Option>
-`;
-
-exports[`renderOption should render correctly: main 1`] = `
-<Option
-  data={
-    {
-      "isMain": true,
-      "label": "master",
-      "value": "master",
-    }
-  }
->
-  <React.Fragment>
-    <span>
-      master
-    </span>
-    <div
-      className="badge spacer-left"
-    >
-      branches.main_branch
-    </div>
-  </React.Fragment>
-</Option>
-`;
-
-exports[`should render correctly: Branch level - no other branches 1`] = `
-<RadioCard
-  onClick={[Function]}
-  selected={true}
-  title="baseline.reference_branch"
->
-  <p>
-    baseline.reference_branch.description
-  </p>
-  <div
-    className="big-spacer-top display-flex-column"
-  >
-    <MandatoryFieldsExplanation
-      className="spacer-bottom"
-    />
-    <label
-      className="text-middle"
-      htmlFor="reference_branch"
-    >
-      <strong>
-        baseline.reference_branch.choose
-      </strong>
-      <MandatoryFieldMarker />
-    </label>
-    <Select
-      className="little-spacer-top spacer-bottom"
-      components={
-        {
-          "Option": [Function],
-        }
-      }
-      onChange={[Function]}
-      options={
-        [
-          {
-            "isMain": true,
-            "label": "master",
-            "value": "master",
-          },
-        ]
-      }
-      value={
-        {
-          "isMain": true,
-          "label": "master",
-          "value": "master",
-        }
-      }
-    />
-  </div>
-</RadioCard>
-`;
-
-exports[`should render correctly: Branch level 1`] = `
-<RadioCard
-  onClick={[Function]}
-  selected={true}
-  title="baseline.reference_branch"
->
-  <p>
-    baseline.reference_branch.description
-  </p>
-  <div
-    className="big-spacer-top display-flex-column"
-  >
-    <MandatoryFieldsExplanation
-      className="spacer-bottom"
-    />
-    <label
-      className="text-middle"
-      htmlFor="reference_branch"
-    >
-      <strong>
-        baseline.reference_branch.choose
-      </strong>
-      <MandatoryFieldMarker />
-    </label>
-    <Select
-      className="little-spacer-top spacer-bottom"
-      components={
-        {
-          "Option": [Function],
-        }
-      }
-      onChange={[Function]}
-      options={
-        [
-          {
-            "isMain": true,
-            "label": "master",
-            "value": "master",
-          },
-          {
-            "isMain": false,
-            "label": "branch-7.9",
-            "value": "branch-7.9",
-          },
-        ]
-      }
-      value={
-        {
-          "isMain": true,
-          "label": "master",
-          "value": "master",
-        }
-      }
-    />
-  </div>
-</RadioCard>
-`;
-
-exports[`should render correctly: Project level 1`] = `
-<RadioCard
-  onClick={[Function]}
-  selected={true}
-  title="baseline.reference_branch"
->
-  <p>
-    baseline.reference_branch.description
-  </p>
-  <p
-    className="spacer-top"
-  >
-    baseline.reference_branch.description2
-  </p>
-  <div
-    className="big-spacer-top display-flex-column"
-  >
-    <MandatoryFieldsExplanation
-      className="spacer-bottom"
-    />
-    <label
-      className="text-middle"
-      htmlFor="reference_branch"
-    >
-      <strong>
-        baseline.reference_branch.choose
-      </strong>
-      <MandatoryFieldMarker />
-    </label>
-    <Select
-      className="little-spacer-top spacer-bottom"
-      components={
-        {
-          "Option": [Function],
-        }
-      }
-      onChange={[Function]}
-      options={
-        [
-          {
-            "isMain": true,
-            "label": "master",
-            "value": "master",
-          },
-          {
-            "isMain": false,
-            "label": "branch-7.9",
-            "value": "branch-7.9",
-          },
-        ]
-      }
-      value={
-        {
-          "isMain": true,
-          "label": "master",
-          "value": "master",
-        }
-      }
-    />
-  </div>
-</RadioCard>
-`;
diff --git a/server/sonar-web/src/main/js/apps/projectBaseline/components/__tests__/__snapshots__/BranchAnalysisListRenderer-test.tsx.snap b/server/sonar-web/src/main/js/apps/projectBaseline/components/__tests__/__snapshots__/BranchAnalysisListRenderer-test.tsx.snap
deleted file mode 100644
index 2f5049e2eff..00000000000
--- a/server/sonar-web/src/main/js/apps/projectBaseline/components/__tests__/__snapshots__/BranchAnalysisListRenderer-test.tsx.snap
+++ /dev/null
@@ -1,420 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`should render correctly: Analyses 1`] = `
-<Fragment>
-  <div
-    className="spacer-bottom"
-  >
-    <label
-      className="spacer-right"
-      htmlFor="branch-analysis-from-input"
-    >
-      baseline.analysis_from
-    </label>
-    <Select
-      blurInputOnSelect={true}
-      className="input-medium spacer-left"
-      inputId="branch-analysis-from-input"
-      isSearchable={false}
-      onChange={[MockFunction]}
-      options={
-        [
-          {
-            "label": "baseline.branch_analyses.ranges.30days",
-            "value": 30,
-          },
-          {
-            "label": "baseline.branch_analyses.ranges.allTime",
-            "value": 0,
-          },
-        ]
-      }
-      value={
-        [
-          {
-            "label": "baseline.branch_analyses.ranges.30days",
-            "value": 30,
-          },
-        ]
-      }
-    />
-  </div>
-  <div
-    className="branch-analysis-list-wrapper"
-  >
-    <div
-      className="bordered branch-analysis-list"
-      onScroll={[MockFunction]}
-    >
-      <ul>
-        <li
-          key="noversion"
-        >
-          <ul
-            className="branch-analysis-days-list"
-          >
-            <li
-              className="branch-analysis-day"
-              data-day="ISO.1488412800000"
-              key="1488412800000"
-            >
-              <div
-                className="branch-analysis-date"
-              >
-                <DateFormatter
-                  date={1488412800000}
-                  long={true}
-                />
-              </div>
-              <ul
-                className="branch-analysis-analyses-list"
-              >
-                <li
-                  className="branch-analysis"
-                  data-date={1488450961000}
-                  key="4"
-                  onClick={[Function]}
-                >
-                  <div
-                    className="branch-analysis-time spacer-right"
-                  >
-                    <TimeFormatter
-                      date={2017-03-02T10:36:01.000Z}
-                      long={false}
-                    >
-                      <Component />
-                    </TimeFormatter>
-                  </div>
-                  <div
-                    className="analysis-selection-button"
-                  >
-                    <Radio
-                      checked={false}
-                      onCheck={[Function]}
-                      value=""
-                    />
-                  </div>
-                </li>
-                <li
-                  className="branch-analysis"
-                  data-date={1488447361000}
-                  key="3"
-                  onClick={[Function]}
-                >
-                  <div
-                    className="branch-analysis-time spacer-right"
-                  >
-                    <TimeFormatter
-                      date={2017-03-02T09:36:01.000Z}
-                      long={false}
-                    >
-                      <Component />
-                    </TimeFormatter>
-                  </div>
-                  <Memo(Events)
-                    analysisKey="3"
-                    events={
-                      [
-                        {
-                          "category": "QUALITY_GATE",
-                          "description": "Lorem ipsum dolor sit amet",
-                          "key": "E11",
-                          "name": "Lorem ipsum",
-                          "qualityGate": {
-                            "failing": [
-                              {
-                                "branch": "master",
-                                "key": "foo",
-                                "name": "Foo",
-                              },
-                              {
-                                "branch": "feature/bar",
-                                "key": "bar",
-                                "name": "Bar",
-                              },
-                            ],
-                            "status": "ERROR",
-                            "stillFailing": true,
-                          },
-                        },
-                      ]
-                    }
-                    isFirst={false}
-                  />
-                  <div
-                    className="analysis-selection-button"
-                  >
-                    <Radio
-                      checked={false}
-                      onCheck={[Function]}
-                      value=""
-                    />
-                  </div>
-                </li>
-              </ul>
-            </li>
-          </ul>
-        </li>
-        <li
-          key="E11"
-        >
-          <div
-            className="branch-analysis-version-badge"
-          >
-            <Tooltip
-              mouseEnterDelay={0.5}
-              overlay="version Lorem ipsum"
-            >
-              <span
-                className="badge"
-              >
-                Lorem ipsum
-              </span>
-            </Tooltip>
-          </div>
-          <ul
-            className="branch-analysis-days-list"
-          >
-            <li
-              className="branch-analysis-day"
-              data-day="ISO.1488412800000"
-              key="1488412800000"
-            >
-              <div
-                className="branch-analysis-date"
-              >
-                <DateFormatter
-                  date={1488412800000}
-                  long={true}
-                />
-              </div>
-              <ul
-                className="branch-analysis-analyses-list"
-              >
-                <li
-                  className="branch-analysis selected"
-                  data-date={1488443761000}
-                  key="2"
-                  onClick={[Function]}
-                >
-                  <div
-                    className="branch-analysis-time spacer-right"
-                  >
-                    <TimeFormatter
-                      date={2017-03-02T08:36:01.000Z}
-                      long={false}
-                    >
-                      <Component />
-                    </TimeFormatter>
-                  </div>
-                  <Memo(Events)
-                    analysisKey="2"
-                    events={
-                      [
-                        {
-                          "category": "QUALITY_GATE",
-                          "description": "Lorem ipsum dolor sit amet",
-                          "key": "E11",
-                          "name": "Lorem ipsum",
-                          "qualityGate": {
-                            "failing": [
-                              {
-                                "branch": "master",
-                                "key": "foo",
-                                "name": "Foo",
-                              },
-                              {
-                                "branch": "feature/bar",
-                                "key": "bar",
-                                "name": "Bar",
-                              },
-                            ],
-                            "status": "ERROR",
-                            "stillFailing": true,
-                          },
-                        },
-                        {
-                          "category": "VERSION",
-                          "description": "Lorem ipsum dolor sit amet",
-                          "key": "E11",
-                          "name": "Lorem ipsum",
-                          "qualityGate": undefined,
-                        },
-                      ]
-                    }
-                    isFirst={false}
-                  />
-                  <div
-                    className="analysis-selection-button"
-                  >
-                    <Radio
-                      checked={true}
-                      onCheck={[Function]}
-                      value=""
-                    />
-                  </div>
-                </li>
-              </ul>
-            </li>
-            <li
-              className="branch-analysis-day"
-              data-day="ISO.1488326400000"
-              key="1488326400000"
-            >
-              <div
-                className="branch-analysis-date"
-              >
-                <DateFormatter
-                  date={1488326400000}
-                  long={true}
-                />
-              </div>
-              <ul
-                className="branch-analysis-analyses-list"
-              >
-                <li
-                  className="branch-analysis"
-                  data-date={1488357421000}
-                  key="1"
-                  onClick={[Function]}
-                >
-                  <div
-                    className="branch-analysis-time spacer-right"
-                  >
-                    <TimeFormatter
-                      date={2017-03-01T08:37:01.000Z}
-                      long={false}
-                    >
-                      <Component />
-                    </TimeFormatter>
-                  </div>
-                  <div
-                    className="analysis-selection-button"
-                  >
-                    <Radio
-                      checked={false}
-                      onCheck={[Function]}
-                      value=""
-                    />
-                  </div>
-                </li>
-              </ul>
-            </li>
-          </ul>
-        </li>
-      </ul>
-    </div>
-  </div>
-</Fragment>
-`;
-
-exports[`should render correctly: empty 1`] = `
-<Fragment>
-  <div
-    className="spacer-bottom"
-  >
-    <label
-      className="spacer-right"
-      htmlFor="branch-analysis-from-input"
-    >
-      baseline.analysis_from
-    </label>
-    <Select
-      blurInputOnSelect={true}
-      className="input-medium spacer-left"
-      inputId="branch-analysis-from-input"
-      isSearchable={false}
-      onChange={[MockFunction]}
-      options={
-        [
-          {
-            "label": "baseline.branch_analyses.ranges.30days",
-            "value": 30,
-          },
-          {
-            "label": "baseline.branch_analyses.ranges.allTime",
-            "value": 0,
-          },
-        ]
-      }
-      value={
-        [
-          {
-            "label": "baseline.branch_analyses.ranges.30days",
-            "value": 30,
-          },
-        ]
-      }
-    />
-  </div>
-  <div
-    className="branch-analysis-list-wrapper"
-  >
-    <div
-      className="bordered branch-analysis-list"
-      onScroll={[MockFunction]}
-    >
-      <div
-        className="big-spacer-top big-spacer-bottom strong"
-      >
-        baseline.no_analyses
-      </div>
-    </div>
-  </div>
-</Fragment>
-`;
-
-exports[`should render correctly: loading 1`] = `
-<Fragment>
-  <div
-    className="spacer-bottom"
-  >
-    <label
-      className="spacer-right"
-      htmlFor="branch-analysis-from-input"
-    >
-      baseline.analysis_from
-    </label>
-    <Select
-      blurInputOnSelect={true}
-      className="input-medium spacer-left"
-      inputId="branch-analysis-from-input"
-      isSearchable={false}
-      onChange={[MockFunction]}
-      options={
-        [
-          {
-            "label": "baseline.branch_analyses.ranges.30days",
-            "value": 30,
-          },
-          {
-            "label": "baseline.branch_analyses.ranges.allTime",
-            "value": 0,
-          },
-        ]
-      }
-      value={
-        [
-          {
-            "label": "baseline.branch_analyses.ranges.30days",
-            "value": 30,
-          },
-        ]
-      }
-    />
-  </div>
-  <div
-    className="branch-analysis-list-wrapper"
-  >
-    <div
-      className="bordered branch-analysis-list"
-      onScroll={[MockFunction]}
-    >
-      <DeferredSpinner
-        className="big-spacer-top"
-      />
-      <ul />
-    </div>
-  </div>
-</Fragment>
-`;
diff --git a/server/sonar-web/src/main/js/apps/projectBaseline/components/__tests__/__snapshots__/BranchBaselineSettingModal-test.tsx.snap b/server/sonar-web/src/main/js/apps/projectBaseline/components/__tests__/__snapshots__/BranchBaselineSettingModal-test.tsx.snap
deleted file mode 100644
index bb59bfd7ad5..00000000000
--- a/server/sonar-web/src/main/js/apps/projectBaseline/components/__tests__/__snapshots__/BranchBaselineSettingModal-test.tsx.snap
+++ /dev/null
@@ -1,169 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`should render correctly: multiple branches 1`] = `
-<Modal
-  contentLabel="baseline.new_code_period_for_branch_x.master"
-  onRequestClose={[Function]}
-  size="large"
->
-  <header
-    className="modal-head"
-  >
-    <h2>
-      baseline.new_code_period_for_branch_x.master
-    </h2>
-  </header>
-  <form
-    onSubmit={[Function]}
-  >
-    <div
-      className="modal-body modal-container branch-baseline-setting-modal"
-    >
-      <div
-        className="display-flex-row huge-spacer-bottom"
-        role="radiogroup"
-      >
-        <BaselineSettingPreviousVersion
-          isDefault={false}
-          onSelect={[Function]}
-          selected={false}
-        />
-        <BaselineSettingDays
-          days="30"
-          isChanged={false}
-          isValid={false}
-          onChangeDays={[Function]}
-          onSelect={[Function]}
-          selected={false}
-        />
-        <BaselineSettingAnalysis
-          onSelect={[Function]}
-          selected={false}
-        />
-        <BaselineSettingReferenceBranch
-          branchList={
-            [
-              {
-                "isDisabled": true,
-                "isMain": true,
-                "label": "master",
-                "value": "master",
-              },
-              {
-                "isDisabled": false,
-                "isMain": false,
-                "label": "branch-6.7",
-                "value": "branch-6.7",
-              },
-            ]
-          }
-          onChangeReferenceBranch={[Function]}
-          onSelect={[Function]}
-          referenceBranch="branch-6.7"
-          selected={false}
-          settingLevel="branch"
-        />
-      </div>
-    </div>
-    <footer
-      className="modal-foot"
-    >
-      <DeferredSpinner
-        className="spacer-right"
-        loading={false}
-      />
-      <SubmitButton
-        disabled={true}
-      >
-        save
-      </SubmitButton>
-      <ResetButtonLink
-        onClick={[MockFunction]}
-      >
-        cancel
-      </ResetButtonLink>
-    </footer>
-  </form>
-</Modal>
-`;
-
-exports[`should render correctly: only one branch 1`] = `
-<Modal
-  contentLabel="baseline.new_code_period_for_branch_x.master"
-  onRequestClose={[Function]}
-  size="large"
->
-  <header
-    className="modal-head"
-  >
-    <h2>
-      baseline.new_code_period_for_branch_x.master
-    </h2>
-  </header>
-  <form
-    onSubmit={[Function]}
-  >
-    <div
-      className="modal-body modal-container branch-baseline-setting-modal"
-    >
-      <div
-        className="display-flex-row huge-spacer-bottom"
-        role="radiogroup"
-      >
-        <BaselineSettingPreviousVersion
-          isDefault={false}
-          onSelect={[Function]}
-          selected={false}
-        />
-        <BaselineSettingDays
-          days="30"
-          isChanged={false}
-          isValid={false}
-          onChangeDays={[Function]}
-          onSelect={[Function]}
-          selected={false}
-        />
-        <BaselineSettingAnalysis
-          onSelect={[Function]}
-          selected={false}
-        />
-        <BaselineSettingReferenceBranch
-          branchList={
-            [
-              {
-                "isDisabled": true,
-                "isMain": true,
-                "label": "master",
-                "value": "master",
-              },
-            ]
-          }
-          onChangeReferenceBranch={[Function]}
-          onSelect={[Function]}
-          referenceBranch=""
-          selected={false}
-          settingLevel="branch"
-        />
-      </div>
-    </div>
-    <footer
-      className="modal-foot"
-    >
-      <DeferredSpinner
-        className="spacer-right"
-        loading={false}
-      />
-      <SubmitButton
-        disabled={true}
-      >
-        save
-      </SubmitButton>
-      <ResetButtonLink
-        onClick={[MockFunction]}
-      >
-        cancel
-      </ResetButtonLink>
-    </footer>
-  </form>
-</Modal>
-`;
diff --git a/server/sonar-web/src/main/js/apps/projectBaseline/components/__tests__/__snapshots__/BranchList-test.tsx.snap b/server/sonar-web/src/main/js/apps/projectBaseline/components/__tests__/__snapshots__/BranchList-test.tsx.snap
deleted file mode 100644
index 89c13ce499f..00000000000
--- a/server/sonar-web/src/main/js/apps/projectBaseline/components/__tests__/__snapshots__/BranchList-test.tsx.snap
+++ /dev/null
@@ -1,109 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`should render correctly 1`] = `
-<Fragment>
-  <table
-    className="data zebra"
-  >
-    <thead>
-      <tr>
-        <th>
-          branch_list.branch
-        </th>
-        <th
-          className="nowrap huge-spacer-right"
-        >
-          branch_list.current_setting
-        </th>
-        <th
-          className="thin nowrap"
-        >
-          branch_list.actions
-        </th>
-      </tr>
-    </thead>
-    <tbody>
-      <BranchListRow
-        branch={
-          {
-            "analysisDate": "2018-01-01",
-            "excludedFromPurge": true,
-            "isMain": true,
-            "name": "master",
-            "newCodePeriod": {
-              "effectiveValue": undefined,
-              "type": "NUMBER_OF_DAYS",
-              "value": "27",
-            },
-          }
-        }
-        existingBranches={
-          [
-            "master",
-            "branch-6.7",
-            "branch-7.0",
-          ]
-        }
-        inheritedSetting={
-          {
-            "type": "PREVIOUS_VERSION",
-          }
-        }
-        key="master"
-        onOpenEditModal={[Function]}
-        onResetToDefault={[Function]}
-      />
-      <BranchListRow
-        branch={
-          {
-            "analysisDate": "2018-01-01",
-            "excludedFromPurge": true,
-            "isMain": false,
-            "name": "branch-6.7",
-          }
-        }
-        existingBranches={
-          [
-            "master",
-            "branch-6.7",
-            "branch-7.0",
-          ]
-        }
-        inheritedSetting={
-          {
-            "type": "PREVIOUS_VERSION",
-          }
-        }
-        key="branch-6.7"
-        onOpenEditModal={[Function]}
-        onResetToDefault={[Function]}
-      />
-      <BranchListRow
-        branch={
-          {
-            "analysisDate": "2018-01-01",
-            "excludedFromPurge": true,
-            "isMain": false,
-            "name": "branch-7.0",
-          }
-        }
-        existingBranches={
-          [
-            "master",
-            "branch-6.7",
-            "branch-7.0",
-          ]
-        }
-        inheritedSetting={
-          {
-            "type": "PREVIOUS_VERSION",
-          }
-        }
-        key="branch-7.0"
-        onOpenEditModal={[Function]}
-        onResetToDefault={[Function]}
-      />
-    </tbody>
-  </table>
-</Fragment>
-`;
diff --git a/server/sonar-web/src/main/js/apps/projectBaseline/components/__tests__/__snapshots__/BranchListRow-test.tsx.snap b/server/sonar-web/src/main/js/apps/projectBaseline/components/__tests__/__snapshots__/BranchListRow-test.tsx.snap
deleted file mode 100644
index 944ad428b4f..00000000000
--- a/server/sonar-web/src/main/js/apps/projectBaseline/components/__tests__/__snapshots__/BranchListRow-test.tsx.snap
+++ /dev/null
@@ -1,298 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`should render correctly: branch with number of days 1`] = `
-<tr>
-  <td
-    className="nowrap"
-  >
-    <BranchLikeIcon
-      branchLike={
-        {
-          "analysisDate": "2018-01-01",
-          "excludedFromPurge": true,
-          "isMain": false,
-          "name": "branch-6.7",
-          "newCodePeriod": {
-            "type": "NUMBER_OF_DAYS",
-            "value": "21",
-          },
-        }
-      }
-      className="little-spacer-right"
-    />
-    branch-6.7
-  </td>
-  <td
-    className="huge-spacer-right nowrap"
-  >
-    <Tooltip>
-      <span>
-        baseline.number_days: 21
-      </span>
-    </Tooltip>
-  </td>
-  <td
-    className="text-right"
-  >
-    <ActionsDropdown>
-      <ActionsDropdownItem
-        onClick={[Function]}
-      >
-        edit
-      </ActionsDropdownItem>
-      <ActionsDropdownItem
-        onClick={[Function]}
-      >
-        reset_to_default
-      </ActionsDropdownItem>
-    </ActionsDropdown>
-  </td>
-</tr>
-`;
-
-exports[`should render correctly: branch with previous version 1`] = `
-<tr>
-  <td
-    className="nowrap"
-  >
-    <BranchLikeIcon
-      branchLike={
-        {
-          "analysisDate": "2018-01-01",
-          "excludedFromPurge": true,
-          "isMain": false,
-          "name": "branch-6.7",
-          "newCodePeriod": {
-            "type": "PREVIOUS_VERSION",
-          },
-        }
-      }
-      className="little-spacer-right"
-    />
-    branch-6.7
-  </td>
-  <td
-    className="huge-spacer-right nowrap"
-  >
-    <Tooltip>
-      <span>
-        baseline.previous_version
-      </span>
-    </Tooltip>
-  </td>
-  <td
-    className="text-right"
-  >
-    <ActionsDropdown>
-      <ActionsDropdownItem
-        onClick={[Function]}
-      >
-        edit
-      </ActionsDropdownItem>
-      <ActionsDropdownItem
-        onClick={[Function]}
-      >
-        reset_to_default
-      </ActionsDropdownItem>
-    </ActionsDropdown>
-  </td>
-</tr>
-`;
-
-exports[`should render correctly: branch with reference branch 1`] = `
-<tr>
-  <td
-    className="nowrap"
-  >
-    <BranchLikeIcon
-      branchLike={
-        {
-          "analysisDate": "2018-01-01",
-          "excludedFromPurge": true,
-          "isMain": false,
-          "name": "branch-6.7",
-          "newCodePeriod": {
-            "type": "REFERENCE_BRANCH",
-            "value": "master",
-          },
-        }
-      }
-      className="little-spacer-right"
-    />
-    branch-6.7
-  </td>
-  <td
-    className="huge-spacer-right nowrap"
-  >
-    <Tooltip>
-      <span>
-        baseline.reference_branch: master
-      </span>
-    </Tooltip>
-  </td>
-  <td
-    className="text-right"
-  >
-    <ActionsDropdown>
-      <ActionsDropdownItem
-        onClick={[Function]}
-      >
-        edit
-      </ActionsDropdownItem>
-      <ActionsDropdownItem
-        onClick={[Function]}
-      >
-        reset_to_default
-      </ActionsDropdownItem>
-    </ActionsDropdown>
-  </td>
-</tr>
-`;
-
-exports[`should render correctly: branch with specific analysis 1`] = `
-<tr>
-  <td
-    className="nowrap"
-  >
-    <BranchLikeIcon
-      branchLike={
-        {
-          "analysisDate": "2018-01-01",
-          "excludedFromPurge": true,
-          "isMain": false,
-          "name": "branch-6.7",
-          "newCodePeriod": {
-            "effectiveValue": "2018-12-02T13:01:12",
-            "type": "SPECIFIC_ANALYSIS",
-            "value": "A85835",
-          },
-        }
-      }
-      className="little-spacer-right"
-    />
-    branch-6.7
-  </td>
-  <td
-    className="huge-spacer-right nowrap"
-  >
-    <Tooltip>
-      <span>
-        baseline.specific_analysis: 
-        <DateTimeFormatter
-          date="2018-12-02T13:01:12"
-        />
-      </span>
-    </Tooltip>
-  </td>
-  <td
-    className="text-right"
-  >
-    <ActionsDropdown>
-      <ActionsDropdownItem
-        onClick={[Function]}
-      >
-        edit
-      </ActionsDropdownItem>
-      <ActionsDropdownItem
-        onClick={[Function]}
-      >
-        reset_to_default
-      </ActionsDropdownItem>
-    </ActionsDropdown>
-  </td>
-</tr>
-`;
-
-exports[`should render correctly: faulty branch 1`] = `
-<tr
-  className="branch-setting-warning"
->
-  <td
-    className="nowrap"
-  >
-    <BranchLikeIcon
-      branchLike={
-        {
-          "analysisDate": "2018-01-01",
-          "excludedFromPurge": true,
-          "isMain": false,
-          "name": "branch-7.3",
-        }
-      }
-      className="little-spacer-right"
-    />
-    branch-7.3
-  </td>
-  <td
-    className="huge-spacer-right nowrap"
-  >
-    <Tooltip
-      overlay="baseline.reference_branch.invalid_branch_setting.branch-7.3"
-    >
-      <span>
-        <WarningIcon
-          className="little-spacer-right"
-        />
-        branch_list.default_setting
-      </span>
-    </Tooltip>
-  </td>
-  <td
-    className="text-right"
-  >
-    <ActionsDropdown>
-      <ActionsDropdownItem
-        onClick={[Function]}
-      >
-        edit
-      </ActionsDropdownItem>
-    </ActionsDropdown>
-  </td>
-</tr>
-`;
-
-exports[`should render correctly: main branch with default 1`] = `
-<tr>
-  <td
-    className="nowrap"
-  >
-    <BranchLikeIcon
-      branchLike={
-        {
-          "analysisDate": "2018-01-01",
-          "excludedFromPurge": true,
-          "isMain": true,
-          "name": "master",
-        }
-      }
-      className="little-spacer-right"
-    />
-    master
-    <div
-      className="badge spacer-left"
-    >
-      branches.main_branch
-    </div>
-  </td>
-  <td
-    className="huge-spacer-right nowrap"
-  >
-    <Tooltip>
-      <span>
-        branch_list.default_setting
-      </span>
-    </Tooltip>
-  </td>
-  <td
-    className="text-right"
-  >
-    <ActionsDropdown>
-      <ActionsDropdownItem
-        onClick={[Function]}
-      >
-        edit
-      </ActionsDropdownItem>
-    </ActionsDropdown>
-  </td>
-</tr>
-`;
diff --git a/server/sonar-web/src/main/js/apps/projectBaseline/components/__tests__/__snapshots__/ProjectBaselineApp-test.tsx.snap b/server/sonar-web/src/main/js/apps/projectBaseline/components/__tests__/__snapshots__/ProjectBaselineApp-test.tsx.snap
deleted file mode 100644
index 0bdcbfd57a6..00000000000
--- a/server/sonar-web/src/main/js/apps/projectBaseline/components/__tests__/__snapshots__/ProjectBaselineApp-test.tsx.snap
+++ /dev/null
@@ -1,208 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`should render correctly 1`] = `
-<Fragment>
-  <Suggestions
-    suggestions="project_baseline"
-  />
-  <Helmet
-    defer={false}
-    encodeSpecialCharacters={true}
-    prioritizeSeoTags={false}
-    title="project_baseline.page"
-  />
-  <div
-    className="page page-limited"
-  >
-    <AppHeader
-      canAdmin={true}
-    />
-    <div
-      className="panel-white project-baseline"
-    >
-      <h2>
-        project_baseline.default_setting
-      </h2>
-      <ProjectBaselineSelector
-        analysis=""
-        branch={
-          {
-            "analysisDate": "2018-01-01",
-            "excludedFromPurge": true,
-            "isMain": false,
-            "name": "branch-6.7",
-          }
-        }
-        branchList={
-          [
-            {
-              "analysisDate": "2018-01-01",
-              "excludedFromPurge": true,
-              "isMain": true,
-              "name": "master",
-            },
-          ]
-        }
-        branchesEnabled={true}
-        component="my-project"
-        currentSetting="PREVIOUS_VERSION"
-        days="30"
-        generalSetting={
-          {
-            "type": "PREVIOUS_VERSION",
-          }
-        }
-        onCancel={[Function]}
-        onSelectAnalysis={[Function]}
-        onSelectDays={[Function]}
-        onSelectReferenceBranch={[Function]}
-        onSelectSetting={[Function]}
-        onSubmit={[Function]}
-        onToggleSpecificSetting={[Function]}
-        overrideGeneralSetting={true}
-        referenceBranch="master"
-        saving={false}
-        selected="PREVIOUS_VERSION"
-      />
-      <div
-        className="spacer-top invisible"
-      >
-        <span
-          className="text-success"
-        >
-          <AlertSuccessIcon
-            className="spacer-right"
-          />
-          settings.state.saved
-        </span>
-      </div>
-      <div
-        className="huge-spacer-top branch-baseline-selector"
-      >
-        <hr />
-        <h2>
-          project_baseline.configure_branches
-        </h2>
-        <BranchList
-          branchList={
-            [
-              {
-                "analysisDate": "2018-01-01",
-                "excludedFromPurge": true,
-                "isMain": true,
-                "name": "master",
-              },
-            ]
-          }
-          component={
-            {
-              "breadcrumbs": [],
-              "key": "my-project",
-              "name": "MyProject",
-              "qualifier": "TRK",
-              "qualityGate": {
-                "isDefault": true,
-                "key": "30",
-                "name": "Sonar way",
-              },
-              "qualityProfiles": [
-                {
-                  "deleted": false,
-                  "key": "my-qp",
-                  "language": "ts",
-                  "name": "Sonar way",
-                },
-              ],
-              "tags": [],
-            }
-          }
-          inheritedSetting={
-            {
-              "type": "PREVIOUS_VERSION",
-              "value": undefined,
-            }
-          }
-        />
-      </div>
-    </div>
-  </div>
-</Fragment>
-`;
-
-exports[`should render correctly: without branch support 1`] = `
-<Fragment>
-  <Suggestions
-    suggestions="project_baseline"
-  />
-  <Helmet
-    defer={false}
-    encodeSpecialCharacters={true}
-    prioritizeSeoTags={false}
-    title="project_baseline.page"
-  />
-  <div
-    className="page page-limited"
-  >
-    <AppHeader
-      canAdmin={true}
-    />
-    <div
-      className="panel-white project-baseline"
-    >
-      <ProjectBaselineSelector
-        analysis=""
-        branch={
-          {
-            "analysisDate": "2018-01-01",
-            "excludedFromPurge": true,
-            "isMain": false,
-            "name": "branch-6.7",
-          }
-        }
-        branchList={
-          [
-            {
-              "analysisDate": "2018-01-01",
-              "excludedFromPurge": true,
-              "isMain": true,
-              "name": "master",
-            },
-          ]
-        }
-        branchesEnabled={false}
-        component="my-project"
-        currentSetting="PREVIOUS_VERSION"
-        days="30"
-        generalSetting={
-          {
-            "type": "PREVIOUS_VERSION",
-          }
-        }
-        onCancel={[Function]}
-        onSelectAnalysis={[Function]}
-        onSelectDays={[Function]}
-        onSelectReferenceBranch={[Function]}
-        onSelectSetting={[Function]}
-        onSubmit={[Function]}
-        onToggleSpecificSetting={[Function]}
-        overrideGeneralSetting={true}
-        referenceBranch="master"
-        saving={false}
-        selected="PREVIOUS_VERSION"
-      />
-      <div
-        className="spacer-top invisible"
-      >
-        <span
-          className="text-success"
-        >
-          <AlertSuccessIcon
-            className="spacer-right"
-          />
-          settings.state.saved
-        </span>
-      </div>
-    </div>
-  </div>
-</Fragment>
-`;
diff --git a/server/sonar-web/src/main/js/apps/projectBaseline/components/__tests__/__snapshots__/ProjectBaselineSelector-test.tsx.snap b/server/sonar-web/src/main/js/apps/projectBaseline/components/__tests__/__snapshots__/ProjectBaselineSelector-test.tsx.snap
deleted file mode 100644
index c858bd7c0a0..00000000000
--- a/server/sonar-web/src/main/js/apps/projectBaseline/components/__tests__/__snapshots__/ProjectBaselineSelector-test.tsx.snap
+++ /dev/null
@@ -1,298 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`should render correctly 1`] = `
-<form
-  className="project-baseline-selector"
-  onSubmit={[MockFunction]}
->
-  <div
-    className="big-spacer-top spacer-bottom"
-    role="radiogroup"
-  >
-    <Radio
-      checked={true}
-      className="big-spacer-bottom"
-      onCheck={[Function]}
-      value="general"
-    >
-      project_baseline.general_setting
-    </Radio>
-    <div
-      className="big-spacer-left"
-    >
-      <div
-        className="general-setting"
-      >
-        <strong>
-          baseline.previous_version
-        </strong>
-        : 
-        baseline.previous_version.description
-      </div>
-    </div>
-    <Radio
-      checked={false}
-      className="huge-spacer-top"
-      onCheck={[Function]}
-      value="specific"
-    >
-      project_baseline.specific_setting
-    </Radio>
-  </div>
-  <div
-    className="big-spacer-left big-spacer-right project-baseline-setting"
-  >
-    <div
-      className="display-flex-row big-spacer-bottom"
-      role="radiogroup"
-    >
-      <BaselineSettingPreviousVersion
-        disabled={true}
-        onSelect={[MockFunction]}
-        selected={false}
-      />
-      <BaselineSettingDays
-        days="12"
-        disabled={true}
-        isChanged={false}
-        isValid={true}
-        onChangeDays={[MockFunction]}
-        onSelect={[MockFunction]}
-        selected={false}
-      />
-      <BaselineSettingReferenceBranch
-        branchList={
-          [
-            {
-              "isMain": true,
-              "label": "master",
-              "value": "master",
-            },
-          ]
-        }
-        disabled={true}
-        onChangeReferenceBranch={[MockFunction]}
-        onSelect={[MockFunction]}
-        referenceBranch="master"
-        selected={false}
-        settingLevel="project"
-      />
-    </div>
-  </div>
-  <div
-    className="big-spacer-top invisible"
-  >
-    <Alert
-      className="spacer-bottom"
-      variant="info"
-    >
-      baseline.next_analysis_notice
-    </Alert>
-    <DeferredSpinner
-      className="spacer-right"
-      loading={false}
-    />
-    <SubmitButton
-      disabled={true}
-    >
-      save
-    </SubmitButton>
-    <ResetButtonLink
-      className="spacer-left"
-      onClick={[MockFunction]}
-    >
-      cancel
-    </ResetButtonLink>
-  </div>
-</form>
-`;
-
-exports[`should render correctly 2`] = `
-<form
-  className="project-baseline-selector"
-  onSubmit={[MockFunction]}
->
-  <div
-    className="big-spacer-top spacer-bottom"
-    role="radiogroup"
-  >
-    <Radio
-      checked={true}
-      className="big-spacer-bottom"
-      onCheck={[Function]}
-      value="general"
-    >
-      project_baseline.general_setting
-    </Radio>
-    <div
-      className="big-spacer-left"
-    >
-      <div
-        className="general-setting"
-      >
-        <strong>
-          baseline.number_days (duration.days.23)
-        </strong>
-        : 
-        baseline.number_days.description
-      </div>
-    </div>
-    <Radio
-      checked={false}
-      className="huge-spacer-top"
-      onCheck={[Function]}
-      value="specific"
-    >
-      project_baseline.specific_setting
-    </Radio>
-  </div>
-  <div
-    className="big-spacer-left big-spacer-right project-baseline-setting"
-  >
-    <div
-      className="display-flex-row big-spacer-bottom"
-      role="radiogroup"
-    >
-      <BaselineSettingPreviousVersion
-        disabled={true}
-        onSelect={[MockFunction]}
-        selected={false}
-      />
-      <BaselineSettingDays
-        days="12"
-        disabled={true}
-        isChanged={false}
-        isValid={true}
-        onChangeDays={[MockFunction]}
-        onSelect={[MockFunction]}
-        selected={false}
-      />
-      <BaselineSettingAnalysis
-        disabled={true}
-        onSelect={[MockFunction]}
-        selected={false}
-      />
-    </div>
-  </div>
-  <div
-    className="big-spacer-top invisible"
-  >
-    <Alert
-      className="spacer-bottom"
-      variant="info"
-    >
-      baseline.next_analysis_notice
-    </Alert>
-    <DeferredSpinner
-      className="spacer-right"
-      loading={false}
-    />
-    <SubmitButton
-      disabled={true}
-    >
-      save
-    </SubmitButton>
-    <ResetButtonLink
-      className="spacer-left"
-      onClick={[MockFunction]}
-    >
-      cancel
-    </ResetButtonLink>
-  </div>
-</form>
-`;
-
-exports[`should render correctly 3`] = `
-<form
-  className="project-baseline-selector"
-  onSubmit={[MockFunction]}
->
-  <div
-    className="big-spacer-top spacer-bottom"
-    role="radiogroup"
-  >
-    <Radio
-      checked={true}
-      className="big-spacer-bottom"
-      onCheck={[Function]}
-      value="general"
-    >
-      project_baseline.general_setting
-    </Radio>
-    <div
-      className="big-spacer-left"
-    >
-      <div
-        className="general-setting"
-      >
-        <strong>
-          baseline.number_days (duration.days.?)
-        </strong>
-        : 
-        baseline.number_days.description
-      </div>
-    </div>
-    <Radio
-      checked={false}
-      className="huge-spacer-top"
-      onCheck={[Function]}
-      value="specific"
-    >
-      project_baseline.specific_setting
-    </Radio>
-  </div>
-  <div
-    className="big-spacer-left big-spacer-right project-baseline-setting"
-  >
-    <div
-      className="display-flex-row big-spacer-bottom"
-      role="radiogroup"
-    >
-      <BaselineSettingPreviousVersion
-        disabled={true}
-        onSelect={[MockFunction]}
-        selected={false}
-      />
-      <BaselineSettingDays
-        days="12"
-        disabled={true}
-        isChanged={false}
-        isValid={true}
-        onChangeDays={[MockFunction]}
-        onSelect={[MockFunction]}
-        selected={false}
-      />
-      <BaselineSettingAnalysis
-        disabled={true}
-        onSelect={[MockFunction]}
-        selected={false}
-      />
-    </div>
-  </div>
-  <div
-    className="big-spacer-top invisible"
-  >
-    <Alert
-      className="spacer-bottom"
-      variant="info"
-    >
-      baseline.next_analysis_notice
-    </Alert>
-    <DeferredSpinner
-      className="spacer-right"
-      loading={false}
-    />
-    <SubmitButton
-      disabled={true}
-    >
-      save
-    </SubmitButton>
-    <ResetButtonLink
-      className="spacer-left"
-      onClick={[MockFunction]}
-    >
-      cancel
-    </ResetButtonLink>
-  </div>
-</form>
-`;
diff --git a/server/sonar-web/src/main/js/components/controls/Radio.tsx b/server/sonar-web/src/main/js/components/controls/Radio.tsx
index 32506201280..f94f074fe12 100644
--- a/server/sonar-web/src/main/js/components/controls/Radio.tsx
+++ b/server/sonar-web/src/main/js/components/controls/Radio.tsx
@@ -28,6 +28,7 @@ interface Props {
   disabled?: boolean;
   onCheck: (value: string) => void;
   value: string;
+  ariaLabel?: string;
 }
 
 export default class Radio extends React.PureComponent<Props> {
@@ -40,7 +41,7 @@ export default class Radio extends React.PureComponent<Props> {
   };
 
   render() {
-    const { className, checked, children, disabled, alignLabel = false } = this.props;
+    const { className, checked, children, disabled, alignLabel = false, ariaLabel } = this.props;
 
     return (
       <a
@@ -54,6 +55,7 @@ export default class Radio extends React.PureComponent<Props> {
         href="#"
         onClick={this.handleClick}
         role="radio"
+        aria-label={ariaLabel}
       >
         <i className={classNames('icon-radio', 'spacer-right', { 'is-checked': checked })} />
         {children}
diff --git a/server/sonar-web/src/main/js/helpers/mocks/new-code-period.ts b/server/sonar-web/src/main/js/helpers/mocks/new-code-period.ts
index b33d62943f0..a4372621720 100644
--- a/server/sonar-web/src/main/js/helpers/mocks/new-code-period.ts
+++ b/server/sonar-web/src/main/js/helpers/mocks/new-code-period.ts
@@ -18,7 +18,7 @@
  * Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
  */
 
-import { NewCodePeriod, NewCodePeriodSettingType } from '../../types/types';
+import { NewCodePeriod, NewCodePeriodBranch, NewCodePeriodSettingType } from '../../types/types';
 
 export function mockNewCodePeriod(overrides: Partial<NewCodePeriod> = {}) {
   return {
@@ -26,3 +26,12 @@ export function mockNewCodePeriod(overrides: Partial<NewCodePeriod> = {}) {
     ...overrides,
   };
 }
+
+export function mockNewCodePeriodBranch(overrides: Partial<NewCodePeriodBranch> = {}) {
+  return {
+    projectKey: 'pkey',
+    branchKey: 'bKey',
+    ...mockNewCodePeriod(),
+    ...overrides,
+  };
+}
diff --git a/server/sonar-web/src/main/js/types/types.ts b/server/sonar-web/src/main/js/types/types.ts
index c7dea270668..29415171dfd 100644
--- a/server/sonar-web/src/main/js/types/types.ts
+++ b/server/sonar-web/src/main/js/types/types.ts
@@ -403,13 +403,9 @@ export interface NewCodePeriod {
   inherited?: boolean;
 }
 
-export interface NewCodePeriodBranch {
+export interface NewCodePeriodBranch extends NewCodePeriod {
   projectKey: string;
   branchKey: string;
-  inherited?: boolean;
-  type?: NewCodePeriodSettingType;
-  value?: string;
-  effectiveValue?: string;
 }
 
 export enum NewCodePeriodSettingType {
diff --git a/sonar-core/src/main/resources/org/sonar/l10n/core.properties b/sonar-core/src/main/resources/org/sonar/l10n/core.properties
index 2192f4895ce..1e77d9d9ca1 100644
--- a/sonar-core/src/main/resources/org/sonar/l10n/core.properties
+++ b/sonar-core/src/main/resources/org/sonar/l10n/core.properties
@@ -659,6 +659,7 @@ branch_list.branch=Branch
 branch_list.current_setting=Setting
 branch_list.current_baseline=Current Baseline
 branch_list.actions=Actions
+branch_list.show_actions_for_x=Show actions for branch {0}
 branch_list.default_setting=Project setting
 
 baseline.new_code_period_for_branch_x=New Code Period for {0}
@@ -666,6 +667,7 @@ baseline.new_code_period_for_branch_x=New Code Period for {0}
 baseline.analysis_from=Analysis from:
 baseline.branch_analyses.ranges.30days=Last 30 days
 baseline.branch_analyses.ranges.allTime=All time
+baseline.branch_analyses.analysis_for_x=Analysis for {0}
 baseline.no_analyses=No analyses
 
 regulatory_report.page=Regulatory Report
-- 
2.39.5