Fix new regulation e2e tests

MTES-MCT · Feb 28, 2024 · 58bab5f · 58bab5f
1 parent 0a4e552
commit 58bab5f
Show file tree

Hide file tree

Showing 3 changed files with 22 additions and 15 deletions.
diff --git a/frontend/cypress/e2e/backoffice/new_regulation.spec.ts b/frontend/cypress/e2e/backoffice/new_regulation.spec.ts
@@ -206,13 +206,13 @@ context('New Regulation', () => {
     cy.get('[data-cy="regulatory-gears-section"]').scrollIntoView().click()
     cy.wait(1000)
     cy.get('[data-cy="unauthorized-all-gears-option"]').should('not.have.class', 'rs-checkbox-checked')
-    cy.get('[data-cy="unauthorized-all-gears-option"]').click()
+    cy.get('[data-cy="unauthorized-all-gears-option"]').find('input').forceClick()
 
     // then
     cy.get('[data-cy="unauthorized-all-towed-gears-option"]').should('have.class', 'rs-checkbox-checked')
     cy.get('[data-cy="unauthorized-all-passive-gears-option"]').should('have.class', 'rs-checkbox-checked')
     cy.get('[data-cy^="tag-"]').should('have.length', 12)
-    cy.get('[data-cy="unauthorized-all-gears-option"]').click()
+    cy.get('[data-cy="unauthorized-all-gears-option"]').find('input').forceClick()
 
     cy.get('[data-cy="unauthorized-all-towed-gears-option"]').should('not.have.class', 'rs-checkbox-checked')
     cy.get('[data-cy="unauthorized-all-passive-gears-option"]').should('not.have.class', 'rs-checkbox-checked')

diff --git a/frontend/src/features/Backoffice/edit_regulation/gear_regulation/RegulatedGears.jsx b/frontend/src/features/Backoffice/edit_regulation/gear_regulation/RegulatedGears.jsx
@@ -321,7 +321,6 @@ const CustomMultiCascader = styled(MultiCascader)`
 
 const GearCheckBox = styled(CustomCheckbox)`
   padding-right: 11px;
-  margin-bottom: 15px;
 `
 
 const DerogationRadioWrapper = styled.div`

diff --git a/frontend/src/ui/LegacyRsuiteComponentsWrapper.tsx b/frontend/src/ui/LegacyRsuiteComponentsWrapper.tsx
@@ -429,25 +429,33 @@ export const LegacyRsuiteComponentsWrapper = styled.div`
   }
 
   .rs-checkbox {
-    .rs-checkbox-wrapper {
-      .rs-checkbox-inner {
-        &:before {
-          background-color: ${p => p.theme.color.gainsboro} !important;
-          border: solid 2px ${p => p.theme.color.lightGray} !important;
-          border-radius: 0;
-        }
-      }
-    }
+    .rs-checkbox-checker {
+      min-height: 0;
 
-    &.rs-checkbox-checked {
       .rs-checkbox-wrapper {
         .rs-checkbox-inner {
           &:before {
-            background-color: ${p => p.theme.color.charcoal} !important;
-            border: solid 2px ${p => p.theme.color.charcoal} !important;
+            background-color: ${p => p.theme.color.gainsboro} !important;
+            border: solid 2px ${p => p.theme.color.lightGray} !important;
+            border-radius: 0;
+          }
+        }
+      }
+
+      &.rs-checkbox-checked {
+        .rs-checkbox-wrapper {
+          .rs-checkbox-inner {
+            &:before {
+              background-color: ${p => p.theme.color.charcoal} !important;
+              border: solid 2px ${p => p.theme.color.charcoal} !important;
+            }
           }
         }
       }
     }
   }
+
+  .rs-picker {
+    width: auto;
+  }
 `