Fixed e2e tests

nasa-gibs · Sep 3, 2024 · 21f11c1 · 21f11c1
1 parent 548ff0c
commit 21f11c1
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 5 deletions.
diff --git a/e2e/features/animation/animation-test.spec.js b/e2e/features/animation/animation-test.spec.js
@@ -64,8 +64,8 @@ test('Disable playback when max frames exceeded', async () => {
   const { playButton, yearStartInput } = selectors
   await page.goto(animationGeostationary)
   await closeModal(page)
-  const animateYearDown = page.locator('.wv-date-range-selector > div > div > div:nth-child(3) > svg > .downarrow').first()
-  const animateYearUp = page.locator('.wv-date-range-selector > div > div > div > svg > .uparrow').first()
+  const animateYearDown = page.locator('.wv-date-range-selector > div > div > div:nth-child(3) > svg.downarrow').first()
+  const animateYearUp = page.locator('.wv-date-range-selector > div > div > div > svg.uparrow').first()
   await animateYearDown.click()
   await expect(playButton).toHaveClass(/disabled/)
   // Playback re-enabled when frames within the max

diff --git a/e2e/test-utils/global-variables/selectors.js b/e2e/test-utils/global-variables/selectors.js
@@ -15,8 +15,8 @@ module.exports = (page) => ({
   animationButtonCase: page.locator('#timeline-header .animate-button'),
   animationButton: page.locator('.animate-button'),
   playButton: page.locator('#play-button'),
-  animateYearUp: page.locator('.wv-date-range-selector > div > div:nth-child(2) > div > svg > .uparrow'),
-  animateYearDown: page.locator('.wv-date-range-selector > div > div > div:nth-child(3) > svg > .downarrow'),
+  animateYearUp: page.locator('.wv-date-range-selector > div > div:nth-child(2) > div > svg.uparrow'),
+  animateYearDown: page.locator('.wv-date-range-selector > div > div > div:nth-child(3) > svg.downarrow'),
   yearStartInput: page.locator('#year-animation-widget-start'),
   monthStartInput: page.locator('#month-animation-widget-start'),
   dayStartInput: page.locator('#day-animation-widget-start'),

diff --git a/web/scss/components/dateselector.scss b/web/scss/components/dateselector.scss
@@ -251,6 +251,8 @@
 
     svg {
       margin: 0 auto;
+      display: inline-block;
+      margin-top: -3px;
     }
 
     input {

diff --git a/web/scss/features/timeline.scss b/web/scss/features/timeline.scss
@@ -287,7 +287,6 @@ button:focus {
 
   & #now-button-group {
     width: 34px;
-    height: 34px;
 
     svg {
       left: 15px;