草庐IT

react单元测试

全部标签

javascript - BrowserRouter v4 - 'BrowserRouter' 未定义 react/jsx-no-undef

我想在我的React应用程序中使用BrowserRouter。我已将我最顶层的组件嵌套在BrowserRouter标签中,如图所示:importReactfrom'react';importReactDOMfrom'react-dom';import{BrowserRouterasRouter,Route,Link}from'react-router-dom';importAppfrom'./App';importregisterServiceWorkerfrom'./registerServiceWorker';ReactDOM.render((),document.getEleme

javascript - 如何限制 react-redux 连接更新重新渲染到特定状态分支?

我有一个更新全局计数器的Action和缩减器。此操作以快速间隔触发。reducer为每个操作返回一个新的状态副本。reducer看起来像:import{handleActions}from'redux-actions';import{sceneTick}from'./actions';exportdefault(state,action)=>handleActions({[sceneTick]:(state,action)=>{return{...state,loop:action.payload,}},我在各种React组件上使用react-redux的connect方法。并非所有组

javascript - 正确更新/合并 React Redux 存储中的数组值,不重复

我的初始状态如下所示,如果添加了新书或更改了价格,那么新的更新数组来自服务,我需要将其结果合并到我的初始状态。constinitialState={booksData:[{"Code":"BK01","price":"5"},{"code":"BK02","price":"30"},{"code":"BK03","price":"332"},{"code":"BK04","price":"123"}]};来自服务器的更新数组有少量记录更新/新data:[{"Code":"BK01","price":"10"},{"code":"BK02","price":"25"},{"code":"

javascript - 语义 react ui 弹出关闭按钮

我正在使用semantic-react-ui的Popup组件,我想知道如何在不使用jquery的情况下通过单击弹出窗口内的按钮来触发关闭弹出窗口事件。谢谢 最佳答案 根据docs,你必须创建一个受控的Popup。创建一个嵌套Popup组件的组件,并在其中维护一个状态:classControlledPopupextendsReact.Component{constructor(){super();this.state={isOpen:false};//statetocontrolthestateofpopup}handleOpen=(

javascript - 如何使用 react-google-maps 通过点击在 map 上添加标记?

我正在努力寻找一个非常简单的示例,说明当用户在基于组件的React-google-maps中左键单击map时如何向Googlemap添加标记。需要帮助。constMap=withScriptjs(withGoogleMap((props)=>{props.isMarkerShown&&}))exportdefaultclassMapContainerextendsReact.Component{constructor(props){super(props)this.state={}}render(){return(}containerElement={}mapElement={}pla

javascript - 排序 react native FlatList

如何按字母顺序对FlatList进行排序?exportdefaultfunctionPartnersList(props){const{partners,onPartnerDetails}=props;return((... 最佳答案 排序partners就可以了:exportdefaultfunctionPartnersList(props){const{partners,onPartnerDetails}=props;return(a.localeCompare(b))}renderItem={({item})=>(...如果p

javascript - Jest Enzyme 如何对包装组件的存在进行浅层测试

我正在测试一个有条件地呈现包装组件的组件。我正在使用enzyme和jest,根组件是通过shallow()方法呈现的。问题是测试Root组件是否包含包装组件。如何在不使用mount()渲染方法的情况下测试包装组件是否存在?hoc.component.jsxexportfunctionHOC(Component){render(){return}}wrapped.component.jsxclassWrappedComponentextendsReact.Component{...}exportdefaultHOC(WrappedComponent)root.component.jsxc

javascript - Google Apps 脚本 - 根据单元格中的日期发送电子邮件

我环顾四周,有一些零碎的东西,但无法拼凑起来。我正在尝试创建一个脚本,该脚本将在配置为每天运行的触发器上运行。触发器将在编辑器的资源选项下设置。基本上,我正在寻找脚本来捕获一定范围的单元格,确定一个到期日期,该日期将填充在一列中,并将其与当前日期相匹配。如果匹配,则发送电子邮件。我从Google的电子表格教程发送电子邮件开始。我已经添加了一个if语句来检查日期,但是我在与dataRange的比较中丢失了它。任何人都可以帮助纠正这些或指出我的研究方向。脚本似乎运行但没有任何反应,我认为这是因为“if(currentTime==dataRange)”dataRange没有正确匹配??代码如

javascript - 如何对与 DOM 元素交互的 Javascript 代码进行单元测试

背景:我来自Java背景,所以不太熟悉Javascript。我们计划将JavaScript单元测试引入到我们现有的(遗留)代码和future的工作中。我们主要是一家java商店(Spring、Weblogic等)。我们正在寻找能够让我们与IDE(IntelliJidea)和声纳良好集成的选项,并能够将它们作为持续集成的一部分运行。JsTestDriver似乎符合所有条件。问题:我们现有的许多javascript代码是a)嵌入在JSP中和b)利用jQuery直接与页面元素交互。我们应该如何着手测试一个严重依赖DOM的函数。以下是我正在谈论的函数的一些代码示例:functionenable

javascript - 我如何测试三星智能电视应用程序?

我开发了一款三星智能电视应用程序,在三星模拟器中对其进行了测试,它运行良好。现在我将如何在不将其上传到三星应用商店的情况下在电视上对其进行测试。 最佳答案 简短的版本是:使用SDK构建包并将其发布到网络服务器。在电视上创建一个名为“develop”的帐户。将电视配置为与您将应用程序发布到的服务器的IP地址同步。同步应用程序。三星网站上的文档“TestingYourApplicationonaTV”中提供了完整的详细信息。要找到其中一些选项,需要深入查看大量菜单。请注意,三星最近发布了4.0SDK,因此您可能会发现您的软件看起来与文档