Bubble up fixture updates from Loader #412

react-cosmos · Aug 24, 2017 · 486b63b · 486b63b
1 parent 6f15803
commit 486b63b
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 2 deletions.
diff --git a/packages/react-cosmos-loader/src/components/Loader/__tests__/index.js b/packages/react-cosmos-loader/src/components/Loader/__tests__/index.js
@@ -22,15 +22,19 @@ const onComponentRef = () => {};
 let wrapper;
 let firstProxyWrapper;
 let firstProxyProps;
+let onFixtureUpdate;
 
 describe('Fixture is selected via props', () => {
   beforeEach(() => {
+    onFixtureUpdate = jest.fn();
+
     wrapper = mount(
       <Loader
         proxies={[createProxyFoo]}
         component={ComponentFooModule}
         fixture={fixtureFooModule}
         onComponentRef={onComponentRef}
+        onFixtureUpdate={onFixtureUpdate}
       />
     );
 
@@ -57,4 +61,9 @@ describe('Fixture is selected via props', () => {
   test('sends onComponentRef to first proxy', () => {
     expect(firstProxyProps.onComponentRef).toEqual(onComponentRef);
   });
+
+  test('bubbles up fixture updates', () => {
+    firstProxyProps.onFixtureUpdate({});
+    expect(onFixtureUpdate.mock.calls).toHaveLength(1);
+  });
 });
diff --git a/packages/react-cosmos-loader/src/components/Loader/index.js b/packages/react-cosmos-loader/src/components/Loader/index.js
@@ -34,15 +34,15 @@ class Loader extends Component {
 
   render() {
     const { firstProxy } = this;
-    const { component, fixture, onComponentRef } = this.props;
+    const { component, fixture, onComponentRef, onFixtureUpdate } = this.props;
 
     return (
       <firstProxy.value
         nextProxy={firstProxy.next()}
         component={importComponent(component)}
         fixture={importModule(fixture)}
         onComponentRef={onComponentRef || noope}
-        onFixtureUpdate={noope}
+        onFixtureUpdate={onFixtureUpdate}
       />
     );
   }