Adjust E2E to support PR #30

Author: kyle-ssg

common/project.js

@@ -1,17 +1,18 @@
 module.exports = global.Project = {
-    api: 'https://api-dev.bullet-train.io/api/v1/',
+    api: 'https://api.bullet-train.io/api/v1/',
     bulletTrainClientAPI: 'https://api.bullet-train.io/api/v1/',
-    bulletTrain: '8KzETdDeMY7xkqkSkY3Gsg', // This is our Bullet Train API key - Bullet Train runs on Bullet Train!
-    debug: false,
-    env: 'dev', // This is used for Sentry tracking
-    ga: 'UA-120237963-3', // This is our Google Analytics key
+    bulletTrain: '4vfqhypYjcPoGGu8ByrBaj', // This is our Bullet Train API key - Bullet Train runs on Bullet Train!
+    env: 'prod', // This is used for Sentry tracking
+    ga: 'UA-120237963-1', // This is our Google Analytics key
+    sentry: 'https://[email protected]/1320942',
     demoAccount: {
         email: '[email protected]',
         password: 'demo_account',
     },
     chargebee: {
-        site: 'bullettrain-test',
+        site: 'bullettrain',
     },
     crispChat: '8857f89e-0eb5-4263-ab49-a293872b6c19',
-    mixpanel: '6143f9ceefb1c67640a0771345e8c095',
+    mixpanel: '9448f5be8a5555c380e5dd4b7ac2c345',
+    assetUrl: 'https://cdn.bullet-train.io', // Location of the static files from build/, should contain a directory called static/
 };

tests/helpers.js

@@ -24,6 +24,7 @@ const testHelpers = {
     },
     waitLoggedIn: async (browser) => {
         browser.waitForElementNotPresent('#login-btn');
+        browser.waitForElementNotPresent('.loader');
     },
     setSegmentRule(browser, ruleIndex, orIndex, name, operator, value) {
         browser.waitAndSet(testHelpers.byTestID(`rule-${ruleIndex}-property-${orIndex}`), name);

web/components/PanelSearch.js

@@ -149,7 +149,9 @@ const PanelSearch = class extends Component {
                         >
                             {({ index, style }) => (
                                 <div style={style}>
-                                    {this.props.renderRow(filteredItems[index],index)}
+                                    <div style={{ height: (this.props.itemHeight || 60) }}>
+                                        {this.props.renderRow(filteredItems[index], index)}
+                                    </div>
                                 </div>
                             )}
                         </List>

web/components/pages/UserPage.js

@@ -156,7 +156,7 @@ const UserPage = class extends Component {
                                                 <PanelSearch
                                                   id="user-features-list"
                                                   className="no-pad"
-                                                  itemHeight={65}
+                                                  itemHeight={70}
                                                   icon="ion-ios-rocket"
                                                   title="Features"
                                                   items={projectFlags}
@@ -384,6 +384,7 @@ const UserPage = class extends Component {
                                                           className="no-pad"
                                                           icon="ion-ios-globe"
                                                           title="Segments"
+                                                          itemHeight={70}
                                                           items={segments || []}
                                                           renderRow={({ name, id, enabled, created_date, type, description }, i) => (
                                                               <Row

web/project/project-components.js

@@ -64,6 +64,7 @@ window.Loader = class extends PureComponent {
   render() {
       return (
           <svg
+            className="loader"
             version="1.1" id="loader-1" x="0px"
             y="0px"
             width="40px" height="40px" viewBox="0 0 50 50"