React Native <Image/> causes a timeout

[henrymoulton]

I've found a bit of surprising flakiness for a static image locally.

In the following code:

storiesOf('Header', module)
  .add(
    'Home with image title and action bar',
    () => (
      <Header
        title={<LogoTitle />}
        actionBar={<ActionBarFull />}
        backButtonAccessibilityLabel="go back"
      />
    ),
    { loki: { skip: true } },
  )
  .add('Section home with text title and action bar', () => (
    <Header
      title="Section home"
      actionBar={<ActionBarFull />}
      backButtonAccessibilityLabel="go back"
    />
  ))

I have to skip the story which passes a component LogoTitle which is a basic:

function LogoTitle() {
  return (
    <Image
      style={{ height: 30, width: 120 }}
      source={require('$assets/images/logo.png')}
      accessible={true}
      accessibilityLabel="Logo"
    />
  );
}

If I don't skip I get:

❯ yarn loki update
yarn run v1.22.10
loki update v0.28.1
 FAIL  ios.simulator/ios.iphone7/Header
       Section home with text title and action bar
       Operation timed out after 30000ms