SONAR-18151 [1099147] Incorrect semantic markup

7 files changed, 23 insertions, 26 deletions

diff --git a/server/sonar-web/src/main/js/apps/quality-profiles/changelog/ChangelogContainer.tsx b/server/sonar-web/src/main/js/apps/quality-profiles/changelog/ChangelogContainer.tsx
index 17f0cf3ce28..63863e966c9 100644
--- a/server/sonar-web/src/main/js/apps/quality-profiles/changelog/ChangelogContainer.tsx
+++ b/server/sonar-web/src/main/js/apps/quality-profiles/changelog/ChangelogContainer.tsx
@@ -138,7 +138,7 @@ export class ChangelogContainer extends React.PureComponent<Props, State> {
 
     return (
       <div className="boxed-group boxed-group-inner js-profile-changelog">
-        <header className="spacer-bottom">
+        <div className="spacer-bottom">
           <ChangelogSearch
             dateRange={{
               from: query.since ? parseDate(query.since) : undefined,
@@ -147,9 +147,8 @@ export class ChangelogContainer extends React.PureComponent<Props, State> {
             onDateRangeChange={this.handleDateRangeChange}
             onReset={this.handleReset}
           />
-
           <DeferredSpinner loading={this.state.loading} className="spacer-left" />
-        </header>
+        </div>
 
         {this.state.events != null && this.state.events.length === 0 && <ChangelogEmpty />}
 
diff --git a/server/sonar-web/src/main/js/apps/quality-profiles/changelog/__tests__/__snapshots__/ChangelogContainer-test.tsx.snap b/server/sonar-web/src/main/js/apps/quality-profiles/changelog/__tests__/__snapshots__/ChangelogContainer-test.tsx.snap
index a42e82c92c5..b9549ee78b8 100644
--- a/server/sonar-web/src/main/js/apps/quality-profiles/changelog/__tests__/__snapshots__/ChangelogContainer-test.tsx.snap
+++ b/server/sonar-web/src/main/js/apps/quality-profiles/changelog/__tests__/__snapshots__/ChangelogContainer-test.tsx.snap
@@ -4,7 +4,7 @@ exports[`should render correctly 1`] = `
 <div
   className="boxed-group boxed-group-inner js-profile-changelog"
 >
-  <header
+  <div
     className="spacer-bottom"
   >
     <ChangelogSearch
@@ -21,7 +21,7 @@ exports[`should render correctly 1`] = `
       className="spacer-left"
       loading={false}
     />
-  </header>
+  </div>
   <Changelog
     events={
       [
@@ -72,7 +72,7 @@ exports[`should render correctly without events 1`] = `
 <div
   className="boxed-group boxed-group-inner js-profile-changelog"
 >
-  <header
+  <div
     className="spacer-bottom"
   >
     <ChangelogSearch
@@ -89,7 +89,7 @@ exports[`should render correctly without events 1`] = `
       className="spacer-left"
       loading={false}
     />
-  </header>
+  </div>
   <ChangelogEmpty />
 </div>
 `;
diff --git a/server/sonar-web/src/main/js/apps/quality-profiles/compare/ComparisonContainer.tsx b/server/sonar-web/src/main/js/apps/quality-profiles/compare/ComparisonContainer.tsx
index 59d22cab133..3703109b492 100644
--- a/server/sonar-web/src/main/js/apps/quality-profiles/compare/ComparisonContainer.tsx
+++ b/server/sonar-web/src/main/js/apps/quality-profiles/compare/ComparisonContainer.tsx
@@ -96,16 +96,14 @@ class ComparisonContainer extends React.PureComponent<Props, State> {
 
     return (
       <div className="boxed-group boxed-group-inner js-profile-comparison">
-        <header>
-          <ComparisonForm
-            onCompare={this.handleCompare}
-            profile={profile}
-            profiles={profiles}
-            withKey={withKey}
-          />
+        <ComparisonForm
+          onCompare={this.handleCompare}
+          profile={profile}
+          profiles={profiles}
+          withKey={withKey}
+        />
 
-          {this.state.loading && <i className="spinner spacer-left" />}
-        </header>
+        {this.state.loading && <i className="spinner spacer-left" />}
 
         {this.hasResults(this.state) && (
           <div className="spacer-top">
diff --git a/server/sonar-web/src/main/js/apps/quality-profiles/details/ProfileInheritance.tsx b/server/sonar-web/src/main/js/apps/quality-profiles/details/ProfileInheritance.tsx
index 3e6eec3d7d8..31a5e739521 100644
--- a/server/sonar-web/src/main/js/apps/quality-profiles/details/ProfileInheritance.tsx
+++ b/server/sonar-web/src/main/js/apps/quality-profiles/details/ProfileInheritance.tsx
@@ -127,9 +127,9 @@ export default class ProfileInheritance extends React.PureComponent<Props, State
           </div>
         )}
 
-        <header className="boxed-group-header">
+        <div className="boxed-group-header">
           <h2>{translate('quality_profiles.profile_inheritance')}</h2>
-        </header>
+        </div>
 
         <div className="boxed-group-inner">
           {this.state.loading ? (
diff --git a/server/sonar-web/src/main/js/apps/quality-profiles/details/__tests__/__snapshots__/ProfileInheritance-test.tsx.snap b/server/sonar-web/src/main/js/apps/quality-profiles/details/__tests__/__snapshots__/ProfileInheritance-test.tsx.snap
index 9eff32909b2..150831cc08e 100644
--- a/server/sonar-web/src/main/js/apps/quality-profiles/details/__tests__/__snapshots__/ProfileInheritance-test.tsx.snap
+++ b/server/sonar-web/src/main/js/apps/quality-profiles/details/__tests__/__snapshots__/ProfileInheritance-test.tsx.snap
@@ -4,13 +4,13 @@ exports[`should render correctly 1`] = `
 <div
   className="boxed-group quality-profile-inheritance"
 >
-  <header
+  <div
     className="boxed-group-header"
   >
     <h2>
       quality_profiles.profile_inheritance
     </h2>
-  </header>
+  </div>
   <div
     className="boxed-group-inner"
   >
@@ -58,13 +58,13 @@ exports[`should render modal correctly 1`] = `
 <div
   className="boxed-group quality-profile-inheritance"
 >
-  <header
+  <div
     className="boxed-group-header"
   >
     <h2>
       quality_profiles.profile_inheritance
     </h2>
-  </header>
+  </div>
   <div
     className="boxed-group-inner"
   >
diff --git a/server/sonar-web/src/main/js/apps/quality-profiles/home/ProfilesListHeader.tsx b/server/sonar-web/src/main/js/apps/quality-profiles/home/ProfilesListHeader.tsx
index 5f1abf2b1cc..ab67a194c9e 100644
--- a/server/sonar-web/src/main/js/apps/quality-profiles/home/ProfilesListHeader.tsx
+++ b/server/sonar-web/src/main/js/apps/quality-profiles/home/ProfilesListHeader.tsx
@@ -49,7 +49,7 @@ export class ProfilesListHeader extends React.PureComponent<Props> {
     }));
 
     return (
-      <header className="quality-profiles-list-header clearfix">
+      <div className="quality-profiles-list-header clearfix">
         <label htmlFor="quality-profiles-filter-input" className="spacer-right">
           {translate('quality_profiles.filter_by')}:
         </label>
@@ -64,7 +64,7 @@ export class ProfilesListHeader extends React.PureComponent<Props> {
           isSearchable={true}
           value={options.filter((o) => o.value === currentFilter)}
         />
-      </header>
+      </div>
     );
   }
 }
diff --git a/server/sonar-web/src/main/js/apps/quality-profiles/home/__tests__/__snapshots__/ProfilesListHeader-test.tsx.snap b/server/sonar-web/src/main/js/apps/quality-profiles/home/__tests__/__snapshots__/ProfilesListHeader-test.tsx.snap
index 7b85f20efbf..82c185c43a3 100644
--- a/server/sonar-web/src/main/js/apps/quality-profiles/home/__tests__/__snapshots__/ProfilesListHeader-test.tsx.snap
+++ b/server/sonar-web/src/main/js/apps/quality-profiles/home/__tests__/__snapshots__/ProfilesListHeader-test.tsx.snap
@@ -1,7 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`should render correctly 1`] = `
-<header
+<div
   className="quality-profiles-list-header clearfix"
 >
   <label
@@ -33,5 +33,5 @@ exports[`should render correctly 1`] = `
     }
     value={[]}
   />
-</header>
+</div>
 `;