小编Shi*_*pta的帖子

使用 Stylesheet.create 反应原生元素

我正在尝试将react-native-elements 与我的React-Native 应用程序一起使用。

\n

我有一个包含主题详细信息的中央 js 文件,这些文件是使用 ThemeProvider 注入的,如此处所述 - https://react-native-elements.github.io/react-native-elements/docs/customization.html

\n

但是,当我尝试在组件的 stylesheet.create 方法中使用传递的主题时,出现错误。我究竟做错了什么?-

\n
import React from \'react\';\nimport {View, StyleSheet} from \'react-native\';\nimport {Text, withTheme} from \'react-native-elements\';\n\nconst Header = props => {\n  const {theme} = props;\n\n  return (\n    <View style={styles.container}>\n      <Text>Home</Text>\n    </View>\n  );\n};\nconst styles = StyleSheet.create({\n  container: {\n    width: \'100%\',\n    backgroundColor: theme.container.backgroundColor,//**** Getting error here stating that theme is not defined\n    shadowRadius: 1.5,\n    elevation: 2,\n    shadowColor: \'rgb(0,0,0)\',\n    shadowOpacity: 0.4,\n    shadowOffset: {width: 0, height: 2.5},\n  },\n});\n\nexport default withTheme(Header);\n
Run Code Online (Sandbox Code Playgroud)\n

如果我可以提供更多详细信息,请告诉我。 …

react-native react-native-elements

6
推荐指数
2
解决办法
5680
查看次数

反应测试库中的火灾事件问题

我正在为我的反应应用程序使用反应测试库。在一个测试用例中,我需要在文本框和焦点中填充一些值。

这是测试脚本 -

it('searchbox wrapper',async()=>{
    let wrapper=getSearchBoxWrapperInstance('')
    let inputBox=wrapper.findByTestId('inputText');
    inputBox.value='12345';
    fireEvent(inputBox,'focusOut');

})
Run Code Online (Sandbox Code Playgroud)

当我运行测试用例时,出现以下错误 -

TypeError: element.dispatchEvent is not a function

  79 |     let inputBox=wrapper.findByTestId('inputText');
  80 |     inputBox.value='12345';
> 81 |     fireEvent(inputBox,'focusOut');
     |     ^
  82 |     //fireEvent('Blur',
  83 | 
  84 |     //await (() => wrapper.getByText('')))

  at fireEvent (node_modules/dom-testing-library/dist/events.js:533:18)
Run Code Online (Sandbox Code Playgroud)

如果我可以提供更多信息,请告诉我

reactjs react-testing-library

4
推荐指数
1
解决办法
2万
查看次数

Jest/Enzyme 中的异常处理

我正在使用 Jest/Enzyme 测试我的 React 组件。

在某些测试用例中,测试失败但有一些异常。在 Jest/Enzyme 中处理错误而不是破坏测试用例的理智/标准方法是什么?

例如 - 如果 'Grid' 组件没有获取任何数据作为参数,则以下情况应该通过。但是,它会失败并抛出一个异常,该异常被抛出 Grid 组件。

test('Grid does not render without data',()=>{
const wrapper=shallow(<Grid/>);
expect(wrapper.length.toBe(0));
})
Run Code Online (Sandbox Code Playgroud)

reactjs jestjs enzyme

3
推荐指数
1
解决办法
2507
查看次数

有没有办法从 appcenter 构建脚本推送 git 标签?

有没有办法从 appcenter 构建脚本推送 git 标签?我正在尝试从应用程序中心的构建脚本推送 git 标签 -

  git tag  'test'
  git push origin 'test'
Run Code Online (Sandbox Code Playgroud)

但我不断收到以下错误 -

致命:无法读取 {用户名} 的密码:终端提示已禁用

我本来希望通过 ssh 密钥或密码提示来解决这个问题,但没有任何效果。应用程序中心有类似的东西吗?

https://github.com/semantic-release/semantic-release/blob/master/docs/03-recipes/git-auth-ssh-keys.md

如果我可以进一步澄清,请告诉我。

visual-studio-app-center

3
推荐指数
1
解决办法
1369
查看次数

当我有应用程序网关时,为什么要使用 azure APIM

我是 azure 的新手,正在阅读他们的文档和一些在线资源。当我尝试在 azure 上部署微服务时,我发现我可以使用 APIM。然而,天蓝色也有应用程序网关,它似乎提供了更多的功能。那么为什么有人应该使用 APIM 而不是直接使用网关呢?仅仅是因为成本吗?

azure azure-api-management

3
推荐指数
1
解决办法
1359
查看次数