add test

test/fixture/webpack/src/app.jsx

@@ -1,11 +1,12 @@
-import { useCounter } from './useCounter'
 import { h } from 'preact'
+import { setup } from 'goober';
+import { List } from './List.jsx';
 import { Greeting } from './greeting.jsx';
 import { StoreProvider } from './context.jsx';
 import { Products } from './products.jsx';
 import { Effect } from './effect.jsx';
 import { Style } from './styles';
-import { setup } from 'goober';
+import { useCounter } from './useCounter'
 
 setup(h);
 
@@ -31,6 +32,7 @@ export function App(props) {
         <Products />
       </StoreProvider>
       <Effect />
+      <List />
     </Style>
   )
 }

test/fixture/webpack/src/hoc.jsx

@@ -0,0 +1,3 @@
+import { h } from 'preact';
+
+export const applyHOC = (Component) => (props) => <Component {...props} HOCApplied={true} />

test/fixture/webpack/src/list.jsx

@@ -0,0 +1,8 @@
+import { h } from 'preact'
+import Item from './listItem.jsx'
+
+const items = [0, 1, 2, 3]
+
+export const List = () => {
+  return <div id="item-list">{items.map(item => <Item key={`item-${item}`} index={item}/>)}</div>
+}

test/fixture/webpack/src/listItem.jsx

@@ -0,0 +1,12 @@
+import { h, Component } from 'preact'
+import { applyHOC } from './hoc.jsx'
+
+class ListItem extends Component {
+  render() {
+    return <div>item {this.props.index}</div>
+  }
+}
+
+const WrappedListItem = applyHOC(ListItem)
+
+export default WrappedListItem