草庐IT

react单元测试

全部标签

javascript - create-react-app with node express 获取 %PUBLIC_URL%

我正在尝试使用快速服务器创建react应用程序。在我点击请求时设置服务器后,我得到了GEThttp://localhost:3333/%PUBLIC_URL%/favicon.ico400(错误请求)错误预览它给我URIError:Failedtodecodeparam'/%PUBLIC_URL%/favicon.ico'atdecodeURIComponent()atdecode_param(/home/owaishanif/code/flashcard-app/node_modules/express/lib/router/layer.js:172:12)atLayer.match

javascript - React Jest 测试无法读取未定义的属性 'pathname'

不确定为什么我的简单Main.test文件中会出现此错误。Main.js的构造函数exportclassMainextendsComponent{constructor(props){super(props);this.state={location:splitString(props.location.pathname,'/dashboard/')}if(R.isEmpty(props.view)){isViewServices(this.state.location)?this.props.gotoServicesView():this.props.gotoUsersView()}

javascript - react / enzyme : How to test for subcomponent?

这就是我的Messenger组件的样子。如您所见,有一个主要组件和一个列表组件。主要组件默认导出。有了这个,我的应用程序中的一切都按预期工作。/imports/ui/components/messenger.jsximportReact,{Component}from'react'importPropTypesfrom'prop-types'import{Container,Segment,Loader,Header}from'semantic-ui-react'classMessengerextendsComponent{staticgetpropTypes(){return{dat

javascript - chai-as-promised:单个测试中的多个 expect 语句

我正在使用chai-as-promised测试一些promise。我的问题是我不确定如何在单个测试中有多个expect语句。为了让expect().to.be.fulfilled正常工作,我需要返回它,如下所示:it('test',()=>{returnexpect(promise).to.be.fulfilled}...或者使用notify,像这样:it('test',(done)=>{expect(promise).to.be.fulfilled.notify(done)}当我有另一件事需要检查时,例如某个函数被调用时,问题就来了,如下所示:it('test',(done)=>{v

javascript - React Router - 如何动态替换字符串中的参数

我在URL中有一组动态参数,例如用户区域设置,看起来像这样:/en/homepage在我的路由器配置JSON文件中,我有类似的内容:/:locale/homepage在ReactRouter中直接替换这些参数的最佳方法是什么?我想出了这个在我看来与标准或可移植解决方案相去甚远的解决方案:consturlTemplate='/:language/homepage';constmappedUrl=pathToRegexp.compile(urlTemplate);consturl=mappedUrl({'language':this.props.match.params.language}

javascript - 如何使用 supertest 和 jest 测试图像上传(流)?

我的API中有一个图像上传端点,它接受application/octet-stream请求并处理这些流。我想为此端点编写测试覆盖范围,但无法弄清楚如何使用super测试来流式传输图像。到目前为止,这是我的代码:importrequestfrom'supertest'consttestImage=`${__dirname}/../../../assets/test_image.jpg`describe('Uploadendpoint',()=>{test('Successfullyuploadsjpgimage',async()=>request(app).post(`${ROOT_UR

javascript - Karma 未运行在 karma-webpack 中具有 "import"语句的测试

我有一些测试文件,其中包含我想针对我的应用运行的测试。我正在尝试使用karma、karma-webpack、karma-babel-preprocessor、karma-chrome-launcher和jasmine在我的测试中。我的应用程序依赖于很多东西,包括backbone、marionette等。我的应用程序是使用webpack构建的,我正在尝试使用>webpack将我的文件捆绑在一起进行测试。(我最初想看看我是否可以跳过这一步,即简单地import一个要测试的文件,但似乎这是不可能的。)我的测试脚本看起来像package.json(脚本部分)"test":"./node_mod

javascript - "Warning: Trying to remove a child that doesn' t 存在“为什么我在 React Native 中收到此警告?

我在ReactNative中收到一条警告,提示我已将范围缩小到一行,但我不知道为什么。我已经构建了一个辅助函数来为一系列颜色和值设置动画,例如:animate([this,"textColor",250,"#fff1cc"]);animate([this,"rise",250,25],[this,"rise",250,0]);这个函数非常简单,注意导致错误的注释行://ReactModulesimport{Animated}from"react-native";//Exportexportdefaultfunctionfunc(){step(0,arguments);}//Extras

javascript - React 中的无限渲染

我无法弄清楚为什么我的应用程序会进行无休止的渲染。在内部,我的有状态组件,我在componentDidMount方法中调用一个reduxAction(调用componentWillMount也做无尽的渲染)classcryptoTickerextendsPureComponent{componentDidMount(){this.props.fetchCoin()//Thisfetchessome1600cryptocoinsdata,Reduxactionlinkforthesameinend}render(){return(item.short}initialNumToRender

javascript - React.JS 新的 CSS 模块

我一直在关注Udemy上的ReactCompleteGuide教程,但它似乎有点过时了,因为在弹出文件后,我看不到相同的代码。我认为它今天更新了,但作为一个完全的初学者,我不知道如何继续我的类(class),因为我不知道如何导入具有唯一ID的类或如何启用CSS模块工作...谢谢提前向您寻求帮助。他所看到的:从第162行到第169行Thisishiscodetest:/\.css$/,use:[require.resolve('style-loader'),{loader:require.resolve('css-loader'),options:{importLoaders:1,mod