[2.x] Fix CI failure on maps-dashboards

Signed-off-by: Junqiu Lei <[email protected]>

.babelrc

@@ -0,0 +1,19 @@
+{
+    "presets": [
+      [
+        "@babel/preset-env",
+        {
+          "targets": { "node": "10" }
+        }
+      ],
+      "@babel/preset-react",
+      "@babel/preset-typescript"
+    ],
+    "plugins": [
+      "@babel/plugin-syntax-jsx",
+      "@babel/plugin-transform-modules-commonjs",
+      ["@babel/plugin-transform-runtime", { "regenerator": true }],
+      "@babel/plugin-transform-class-properties",
+      "@babel/plugin-transform-object-rest-spread"
+    ]
+  }

babel.config.js

@@ -10,8 +10,8 @@ module.exports = {
     require('@babel/preset-typescript'),
   ],
   plugins: [
-    require('@babel/plugin-proposal-class-properties'),
-    require('@babel/plugin-proposal-object-rest-spread'),
+    require('@babel/plugin-transform-class-properties'),
+    require('@babel/plugin-transform-object-rest-spread'),
     ['@babel/plugin-transform-modules-commonjs', { allowTopLevelThis: true }],
     [require('@babel/plugin-transform-runtime'), { regenerator: true }],
   ],

cypress/e2e/documentsLayer.cy.js

@@ -36,9 +36,9 @@ describe('Documents layer', () => {
     cy.get(`button[testSubj="styleTab"]`).click();
     cy.contains('Fill color').click();
     cy.get(`button[aria-label="Select #E7664C as the color"]`).click();
-    cy.contains('Border color').click();
+    cy.wait(1000).contains('Border color').click();
     cy.get(`button[aria-label="Select #DA8B45 as the color"]`).click();
-    cy.get(`button[testSubj="settingsTab"]`).click();
+    cy.wait(1000).get(`button[testSubj="settingsTab"]`).click();
     cy.get('[name="layerName"]').clear().type('Documents layer 1');
     cy.get(`button[data-test-subj="updateButton"]`).click();
     cy.get('[data-test-subj="layerControlPanel"]').should('contain', 'Documents layer 1');

public/components/__snapshots__/vector_upload_options.test.tsx.snap

@@ -166,7 +166,7 @@ Object {
                   Map name guidleines:
                   <ul>
                     <li>
-                       Map name prefix must contain 1-250 characters. 
+                       Map name prefix must contain 1-250 characters.
                     </li>
                     <li>
                        Map name prefix must start with a-z.
@@ -385,7 +385,7 @@ Object {
                 Map name guidleines:
                 <ul>
                   <li>
-                     Map name prefix must contain 1-250 characters. 
+                     Map name prefix must contain 1-250 characters.
                   </li>
                   <li>
                      Map name prefix must start with a-z.

public/components/vector_upload_options.tsx

@@ -373,7 +373,7 @@ const VectorUploadOptions = (props: RegionMapOptionsProps) => {
         <EuiText size="xs" color="subdued" aria-label="map-name-guidelines-text">
           Map name guidleines:
           <ul>
-            <li> Map name prefix must contain 1-250 characters. </li>
+            <li> Map name prefix must contain 1-250 characters.</li>
             <li> Map name prefix must start with a-z.</li>
             <li> Valid characters are a-z, 0-9, - and _ .</li>
             <li>