Question

有一个问题，我在一个React项目上使用了Webview组件（我是新手）。

万一出问题了，我为它设置了一个rendererror ...我已经做了一些单元测试（我正在使用玩笑），一切都很好，但是我不知道如何模拟错误并看到如果我的rendererror可以正常工作。

我试图加载一个不存在的网页，但是我测试它的方式没有显示我的rendererror

渲染错误

renderError = () => {
    return (
      <SafeAreaView style={styles.safearea}>
        <View style={styles.container}>
          <Text style={styles.title}>Error loading page</Text>
          <Text style={styles.subtitle}>
            Please check your connection
            {'\n'}
            and try again.
          </Text>
        </View>
      </SafeAreaView>
    );
  };

我如何使用它

  const getUrl: () => string = () => {
    ...
    if (error) return 'http://aaaaaaaaaaaaa.com/';
    ...
  };

  return (
    <WebView
      source={{ uri: url }}
      startInLoadingState
      renderError={renderError}
    />
  );

我的测试：

it('should render error', () => {
    const tree = renderer.create(<WebPage error />).toJSON();

    console.log(tree.children[0]);

它仅在道具中显示网址（来源：{uri：'http://aaaaaaaaaa.com/'}）。有人有主意吗？

用玩笑测试webview renderError

0 个答案: