Update remotedev-app

Author: zalmoxisus

package.json

@@ -79,7 +79,7 @@
     "redux": "^3.5.2",
     "redux-devtools": "^3.3.1",
     "redux-devtools-instrument": "^1.3.3",
-    "remotedev-app": "^0.9.0-beta",
+    "remotedev-app": "^0.9.0",
     "remotedev-slider": "^1.1.1",
     "remotedev-utils": "0.0.1"
   }

src/app/containers/App.js

@@ -47,6 +47,7 @@ class App extends Component {
         <DevTools
           monitor={monitor}
           liftedState={liftedState}
+          monitorState={this.props.monitorState}
           dispatch={this.props.liftedDispatch}
           testComponent={isRedux && TestGenerator}
         />
@@ -122,6 +123,7 @@ App.propTypes = {
   getReport: PropTypes.func.isRequired,
   selected: PropTypes.string,
   liftedState: PropTypes.object.isRequired,
+  monitorState: PropTypes.object,
   options: PropTypes.object.isRequired,
   monitor: PropTypes.string,
   position: PropTypes.string,
@@ -136,6 +138,7 @@ function mapStateToProps(state) {
   return {
     selected: instances.selected,
     liftedState: instances.states[id],
+    monitorState: state.monitor.monitorState,
     options: instances.options[id],
     monitor: state.monitor.selected,
     dispatcherIsOpen: state.monitor.dispatcherIsOpen,

test/app/containers/App.spec.js

@@ -10,12 +10,12 @@ const component = mount(<Provider store={store}><App /></Provider>);
 
 describe('App container', () => {
   it('should render inspector monitor\'s component', () => {
-    expect(component.find('div.inspector--jss-0-0').html()).toExist();
+    expect(component.find('DevtoolsInspector').html()).toExist();
   });
 
   it('should contain an empty action list', () => {
     expect(
-      component.find('div.actionListRows--jss-0-4').html()
-    ).toBe('<div class="actionListRows--jss-0-4"></div>');
+      component.find('ActionList').html()
+    ).toMatch(/<div class="actionListRows-[0-9]+"><\/div>/);
   });
 });

test/chrome/extension.spec.js

@@ -39,13 +39,13 @@ describe('Chrome extension', function() {
   });
 
   it('should contain inspector monitor\'s component', async () => {
-    const val = this.driver.findElement(webdriver.By.xpath('//div[contains(@class, "inspector--jss-")]'))
+    const val = this.driver.findElement(webdriver.By.xpath('//div[contains(@class, "inspector-")]'))
       .getText();
     expect(val).toExist();
   });
 
   it('should contain an empty actions list', async () => {
-    const val = await this.driver.findElement(webdriver.By.xpath('//div[contains(@class, "actionListRows--jss-")]'))
+    const val = await this.driver.findElement(webdriver.By.xpath('//div[contains(@class, "actionListRows-")]'))
       .getText();
     expect(val).toBe('');
   });
@@ -58,7 +58,7 @@ describe('Chrome extension', function() {
     this.driver.executeScript('window.open(\'http://zalmoxisus.github.io/examples/router/\')');
 
     await this.driver.wait(() => (
-      this.driver.findElement(webdriver.By.xpath('//div[contains(@class, "actionListRows--jss-")]'))
+      this.driver.findElement(webdriver.By.xpath('//div[contains(@class, "actionListRows-")]'))
         .getText().then((val) => {
           return actionsPattern.test(val);
         })

test/electron/devpanel.spec.js

@@ -68,13 +68,13 @@ describe('DevTools panel for Electron', function() {
   });
 
   it('should contain INIT action', async () => {
-    const val = await this.driver.findElement(webdriver.By.xpath('//div[contains(@class, "actionListRows--jss-")]'))
+    const val = await this.driver.findElement(webdriver.By.xpath('//div[contains(@class, "actionListRows-")]'))
       .getText();
     expect(val).toMatch(/@@INIT/);
   });
 
   it('should contain Inspector monitor\'s component', async () => {
-    const val = await this.driver.findElement(webdriver.By.xpath('//div[contains(@class, "inspector--jss-")]'))
+    const val = await this.driver.findElement(webdriver.By.xpath('//div[contains(@class, "inspector-")]'))
       .getText();
     expect(val).toExist();
   });