酶仍在寻找React中应通过条件渲染隐藏的元素

文章/答案/技术大牛

发布

1回答

javascript、reactjs、jestjs、enzyme

我有一个应用程序，呈现一个简单的计数器，我正在用它来学习Jest和酶。如果用户试图将计数器减到0以下，我希望显示一条错误消息。当用户看到错误并将计数器递增到0以上时，我希望隐藏错误消息。当我运行应用程序时，这是完美的，但酶似乎保留了dom中错误消息所在的部分，即使计数器是递增的。button onClick={decrementCounter} data-test='decrement-button'>Decrement</bu

浏览 18提问于2020-11-06得票数 1

回答已采纳

4回答

如何测试子组件是否被呈现？

reactjs、jestjs、react-testing-library

在酶中，你可以像这样检查子组件的存在：什么等同于react测试库中的这个测试？我找到的所有在线示例只涵盖了寻找dom元素的非常简单的测试-没有一个包含渲染子组件的示例。如何查找子组件？

浏览 19提问于2020-02-03得票数 29

1回答

如何在React、Jest和Enzyme中查找包含特定值的div的计数

javascript、reactjs、jestjs、enzyme

我正在寻找一个使用React，Jest和酶的解决方案。我是这些技术的新手。<div className="trow"> <div className我的React组件使用来自re

浏览 13提问于2019-10-20得票数 1

回答已采纳

2回答

React.js -显示/隐藏组件中动态生成的元素

javascript、html、reactjs

我正在使用导入数据数组的组件模板生成表单字段元素。我希望能够隐藏其中的一些元素，并在满足其他元素的条件时显示它们；这在表单域中非常常见，例如，当您选择项A时，表单域X出现，当您选择项B时，表单域X隐藏。我在React文档网站上读了很多关于的文章，但是这些例子对我正在做的事情并不是很有效，尽管关于防止组件渲染的部分已经很接近了。I 演示我的

浏览 0提问于2017-12-29得票数 6

回答已采纳

3回答

Jest和酶有什么区别？

javascript、reactjs、jasmine、jestjs、enzyme

我想测试React项目。我从React文档开始，它将酶称为测试工具，这对我来说有点模糊。 enzyme断言库还是任务运行程序？测试react-redux项目的最佳方法是什么？

浏览 9提问于2017-03-06得票数 47

3回答

按钮在单击后不会消失

javascript、reactjs

嗨，我有下面的代码，它根据用户的查询一次呈现两个按钮，例如：'Yes‘和'No’。目标是，一旦用户单击了这两个按钮中的任何一个，这两个按钮都应该消失。我尝试添加一个设置状态组件，如下所示： export default class Reply extends React.PureComponent { </Button> } else { return n

浏览 30提问于2021-01-12得票数 0

回答已采纳

1回答

如何使用测试渲染器或酶测试React中的转发ref？

reactjs、jestjs、enzyme、react-test-renderer

大多数经过测试的元素都位于其他React组件中；因此，我在组件中设置了forwardRef，以便将ref传递给所需的元素。现在，我想用Jest和Enzyme或React测试渲染器来测试这些refs，但我无法用这两个库来实现。返回HTMLElement，而ref.current返回名为WrapperComponent的内容，而不是返回转发的元素。创建元素并使用Rea

浏览 1提问于2018-10-18得票数 3

1回答

React JS - TDD -建议

reactjs、tdd

我正在寻找开发一个React JS应用程序，但我想从TDD的角度出发。我希望为这项工作开发一个测试套件，这样我就可以在Chrome、Firefox、Edge和Safari中运行测试。然后围绕这些测试编写DEV代码，使测试通过。我研究过酶和Jest。这两个框架看起来都更像单元测试框架，而不是UI功能测试框架(有点像Webdriver / Selenium)。对我来说，更重要的是验证适当的UI元素是否按预期出现在页面上，而不是

浏览 2提问于2018-08-13得票数 0

1回答

在ASP.NET MVC 5中有条件地呈现某些内容

asp.net、asp.net-mvc

我正在寻找ASP.NET MVC5中React高阶组件的等价物。@Html.PermissionCheck(new Privilege[ SecurityP

浏览 0提问于2018-10-19得票数 0

1回答

使用jest和react- Test -library测试正确的SVG组件呈现

reactjs、svg、jestjs、react-testing-library

我在React组件中有一个svg，它可以有条件地呈现。 <div className='avatar'> {gender === true ?最初，我希望MaleAvatar svg渲染，然后如果性别的值被更改为false，FemaleAvatar svg渲染-但是男性头像应该首先渲染，这就是我想测试的。条件所在的组件是一个孩子的孩子，但我是通过文本测试该组件中</

浏览 22提问于2021-04-12得票数 2

1回答

仅在Safari和iOS5 / Lion上出现画布渲染错误

canvas、safari、svg、ios5、osx-lion

我从来没有见过像这样的浏览器bug。它只发生在特定的Safari浏览器/平台组合上。当我通过foreignObject元素将画布元素嵌入到内联svg文档中时，就会出现这种情况。但是当我在Lion上使用Safari时，iOS5画布渲染时没有应用任何变换。画布渲染也在所有SVG之上，因此也不考虑z顺序。在同一版本(5.1 / 5.1.1)的Safari中，平台(Snow Leopard /

浏览 3提问于2011-10-25得票数 0

1回答

React Router 1.0多个<route/>

reactjs、react-router

我的登录页面的html结构与其他经过身份验证的页面(DashBoard、managesubscription等)完全不同var React = require('react'); displayName: 'Login', return (= require('react

浏览 0提问于2015-11-08得票数 0

3回答

Jest酶浅表测试并不代表反应组分的所有元素。

unit-testing、reactjs、jestjs、enzyme

我写了一个有趣的酶测试如下：import ManageDrugTermPage from '..setRouteLeaveHook}}/> expect(toJson(wrapper)).toMatchSnapshot();}) "id": 25,

浏览 1提问于2017-05-17得票数 6

回答已采纳

1回答

如何实时获取元素的属性值？

javascript、reactjs、element

我想要实时获取元素属性值。如何做到这一点？Comment extends Component { super(props); } console.log(this.state.size);我总是得到相同的值50px...但我知道textarea的大小在50-1

浏览 1提问于2018-05-22得票数 0

2回答

使用隐藏属性vs有条件地呈现组件

javascript、html、reactjs

最近，我发现了一种在JSX中有条件地呈现组件的替代方法，即使用hidden的HTML属性。function Parent() {对我来说，当我想要保留组件状态并具有切换组件UI的可见性的功能时，这种方法效果很好。这做法不好吗？我们应该有条件地呈现组件吗？

浏览 0提问于2020-04-19得票数 3

回答已采纳

1回答

如何使用Vue.js的路由器将状态和事件处理程序作为道具传递给子组件？

vue.js、routing、parameter-passing、vue-component、vue-router

addEmployee() {...}}我想把注册新员工的路线和列出所有员工的路线分开，所以我首先要更新上面的模板： <div> } }}); 我的问题是如何将更新：--我不知道为什么我没有收到关于这个问题的任何答复，尽管在其他框架中

浏览 4提问于2020-02-20得票数 0

3回答

useEffect缺少一个依赖项，但是当我添加它时，我得到一个‘超过最大更新深度’的错误

javascript、reactjs、react-hooks、use-effect

我试图用钩子包裹我的头脑，但我遇到了一个反复出现的问题。在下面链接的示例中，我有一个对数组进行排序的useEffect钩子。排序顺序由状态值决定，我有一个切换状态值的按钮。一切都按我想要的方式工作，在组件挂载时对数组进行排序，然后单击按钮。但是，我从链接器得到一个错误，需要将值的数组声明为useEffect钩子中的依赖项。如果我这样做，我会得到一个‘最大更新深度超过’的错误。我不知道该怎么做，如果

浏览 26提问于2020-01-06得票数 5

回答已采纳

3回答

React - prop-types被标记为required

javascript、reactjs、react-proptypes

当我使用propTypes和条件渲染子对象时，我遇到一个错误。, { Component } from "react";import Rate from ".</div> rate: PropTypes.number.isRequired我在这里重现了我的错误：

浏览 60提问于2018-06-10得票数 1

回答已采纳

1回答

角-js指令调用兄弟指令

angularjs、angularjs-directive

我想要的jquery非常简单，但是在角度上，我不知道如何使用最好的方法来实现这一点。场景 $scope.isG

浏览 4提问于2014-08-15得票数 1

回答已采纳

5回答

React组件的子项在呈现前检测是否为空/ null

javascript、reactjs

"react"："16.8.4“React.Children.count不起作用代码示例如下 ...

浏览 0提问于2019-03-22得票数 33

点击加载更多