开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

当我在Jest中使用酶进行检查时，为什么ScrollView隐藏了它的子项？

当在Jest中使用酶进行检查时，ScrollView隐藏了它的子项的原因可能是由于Jest的测试环境限制导致的。Jest是一个JavaScript测试框架，它提供了一个虚拟的DOM环境来模拟浏览器环境，以便进行测试。然而，由于ScrollView是React Native中的一个组件，它依赖于原生平台的特性和功能，而Jest的测试环境并不完全支持这些特性和功能。

ScrollView是一个用于显示可滚动内容的组件，它在移动应用开发中非常常见。当ScrollView隐藏了它的子项时，可能是因为Jest的虚拟DOM环境无法正确模拟ScrollView的滚动行为，导致子项无法正确显示。

为了解决这个问题，可以尝试使用一些模拟库或工具来模拟ScrollView的行为，例如react-native-mock-render或react-native-testing-library。这些工具可以提供更接近真实环境的模拟，从而解决ScrollView隐藏子项的问题。

另外，建议在测试中使用其他适合于单元测试的组件替代ScrollView，例如View组件。这样可以避免依赖于ScrollView的特定功能，从而减少测试中的问题。

腾讯云相关产品和产品介绍链接地址：

腾讯云产品：云服务器（https://cloud.tencent.com/product/cvm）
腾讯云产品：云原生应用引擎（https://cloud.tencent.com/product/tke）
腾讯云产品：云数据库 MySQL 版（https://cloud.tencent.com/product/cdb）
腾讯云产品：云存储（https://cloud.tencent.com/product/cos）
腾讯云产品：人工智能（https://cloud.tencent.com/product/ai）
腾讯云产品：物联网（https://cloud.tencent.com/product/iotexplorer）
腾讯云产品：移动开发（https://cloud.tencent.com/product/mpe）
腾讯云产品：区块链（https://cloud.tencent.com/product/baas）
腾讯云产品：元宇宙（https://cloud.tencent.com/product/tc3d）

相关搜索:pip3在我的路径中，但当我尝试运行它时，它失败了当我在表单元素中传递表单时，为什么onSubmit不提交表单。但当我在React中的button元素中传递它时，它确实提交了为什么当我点击它时，使用jQuery函数的按钮没有用类：.red，.yellow隐藏我的div？当我使用Firebase Unity插件在安卓系统中实现FaceBook身份验证功能时，它崩溃了为什么它说myPair类没有out的成员？当我在类中定义函数时，它工作得很好当我在this.state中映射一个填充的数组时，为什么它返回undefined？在API中，为什么当我尝试使用Angular UI执行ASP.Net时没有获得记录，但是当我使用swagger时，它返回了期望值？为什么在使用listView时，页面中的一些控件消失了？为什么当我使用邮递员时，我的SuiteQL POST请求可以工作，但是当我在VS代码终端中cURL相同的代码时，它返回'INVALID_LOGIN‘当我的Wicket标记文件存储在webapp文件夹中时，如何隐藏它，使其不会被直接访问在JAVA swing中，当我们使用JFXPanel实现JAVAFX按钮时，然后删除jpanel并重新添加它，然后删除或隐藏场景当我尝试使用OOP和类时，为什么我的代码在python中显示NameError？当我在地址栏中输入新的搜索，然后它导航到谷歌页面结果时，为什么Chrome改变了tabId 为什么我的代码在VBA模块中运行，但当我为它分配一个按钮单击时却不能？当我尝试在组件上使用数组方法时，为什么我的数组变量在组件中没有定义？为什么在Python子进程中调用"ssh -f -N hostname“时PID会改变，当我的程序结束时如何可靠地终止它？为什么在使用Selenium C#清除表单中的字段时，当我单击submit时表单会重新填充数据？当我清楚地在测试中插入不同的路径时，为什么supertest/jest总是调用相同的端点？我需要设置一些配置吗？当我们在Ruby和Rails的一个类中定义了一些常量时，我们能保证能够在另一个类中访问它吗？使用SwiftUI，我们在列表中安装了一个按钮。为什么当我点击按钮以显示模式，然后再次关闭它时，模式会消失？

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

Android ScrollView设置初始position的方法

当我看着上面动画的代码发呆的时候，突然注意到了scrollY这个值，为什么Animator能够通过这个值来调整ScrollView的滚动位置呢？...难道是通过反射scrollY这个成员变量动态修改它的value？于是自己动手在onCreate的时候通过反射修改ScrollView的scollY属性。...结果调试发现ScrollView压根没有这个属性。为什么呢？查看了一下Animator的底层实现，发现scrollY并不是一个具体的属性成员 ?...也就是说其实Animator是通过setScollY这个方法来实现动态滚动ScrollView的。而setScrollY的底层其实就是调用scrollTo。 ? 到此似乎饶了个大圈子又回到了起点。...前面已经尝试scrollTo在onCreate的时候就设置的话是无效的。

4K8 0

【Android从零单排系列二十六】《Android视图控件——ScrollView》

前言小伙伴们，在上文中我们介绍了Android视图组件RecyclerView，本文我们继续盘点，介绍一下视图控件的ScrollView。...当布局超过屏幕大小时，ScrollView会自动启用滚动功能，用户可以通过滑动屏幕来查看隐藏部分的内容。...与RecyclerView相比，ScrollView更适用于静态的、不需要复用子项的情况。...在ScrollView中，只能包含一个直接子视图（ViewGroup），通常是一个垂直方向的线性布局或相对布局。如果需要水平滚动效果，可以使用HorizontalScrollView作为替代。...二 ScrollView使用方法在XML布局文件中定义ScrollView容器。在需要可滚动内容的区域内添加ScrollView标签，并指定其宽度、高度以及其他属性。

3952 0

金九银十，带你复盘大厂常问的项目难点

在使用 qiankun 时，你如何处理多个子项目的调试问题？在使用qiankun处理多个子项目的调试问题时，通常的方式是将每个子项目作为一个独立的应用进行开发和调试。...在项目间共享组件时，可以考虑以下几种方式：父子项目间的组件共享：主项目加载时，将组件挂载到全局对象（如window）上，在子项目中直接注册使用该组件。...子项目在需要使用共享组件的地方，手动加载提供组件的子项目，等待加载完成后即可获取组件。需要注意的是，在使用异步组件或手动加载子项目时，可能会遇到样式加载的问题，可以尝试解决该问题。...通过动态加载，可以在需要时异步地加载远程模块，并在加载完成后使用模块。在微前端应用中可以实现模块共享和动态加载，提供了更好的代码复用和可扩展性。...缺点在继承了iframe优点的同时，缺点依旧还是存在组件库 为什么需要二次封装组件库？

7913 0

对 React 组件进行单元测试

前端开发的一个特点是更多的会涉及用户界面，当开发规模达到一定程度时，几乎注定了其复杂度会成倍的增长。...比如一个方法可能依赖另一个方法的执行，而后者对我们来说是透明的。好的做法是使用stub 对它进行隔离替换。这样就实现了更准确的单元测试。...React 单元测试中用到的工具 Jest 不同于"传统的"(其实也没出现几年)的 jasmine / Mocha / Chai 等前端测试框架 -- Jest的使用更简单，并且提供了更高的集成度、更丰富的功能...它模拟了 jQuery 的 API，非常直观并且易于使用和学习，提供了一些与众不同的接口和几个方法来减少测试的样板代码，方便判断、操纵和遍历 React Components 的输出，并且减少了测试代码和实现代码之间的耦合...明确指定 PropTypes 对于一些之前定义并不清晰的组件，可以统一引入 prop-types，明确组件可接收的props；一方面可以在开发/编译过程中随时发现错误，另外也可以在团队中其他成员引用组件时形成一个明晰的列表

4.3K4 0

如何对第一个Vue.js组件进行单元测试（上）

我们将用不同的输入和交互测试做好的单个单元，并确保它始终按照我们的预期运行。　　在开始之前　　Vue CLI 3发布了。...Vue Test Utils-官方的Vue.js单元测试实用程序库-已经成长为beta版。在第一篇教程中，我们使用了webpack-simple，一个不包含测试功能的原型模板。....png 　　Vue Test Utils和Jest 　　在本教程中，我们将使用Vue Test Utils——官方Vue.js测试工具包，以及Jest，一个由Facebook支持的JavaScript...它有测试单个文件组件所需的所有实用程序，包括使用Vue Router或Vuex的实用程序。　　Jest是一个功能齐全的测试运行器，几乎不需要配置。它还提供了一个内置的断言库。　　...确定测试方案　　当我们从外部看评级时，我们可以看到它在执行以下操作：　　它呈现的stars列表等于用户传递的maxStars道具的属性；　　它为每个star添加一个活动类，其索引值小于或等于用户传递的

2K2 0

NodeJS：Lerna —— Monorepo 的最佳实践

Monorepo 和 Multirepo 是两种不同的源码管理理念，Monorepo 是把所有的相关项目都放在一个仓库中（例如：React, Angular, Babel, Jest, Umijs, ....需要额外的工具实现项目间的联合调试（例如：Jest 的 watch.js，监听子项目中文件的变化，动态编译）。由于项目间的依赖通过符号链接（快捷方式）实现，对打包工具有比较高的要求。...图：基于 Lerna 的 Monorepo项目结构 ? 图文无关 ? 下面给大家展示一个基于 Lerna 的 Monorepo 项目完整的构建、开发、发布流程深刻体会它的优势 3.1....各子项目，IDE 辅助提示统一为 build/index.d.ts；各子项目，基于 ES6 语法、使用 Babel 编译； ?...；各子项目，基于 ES6 语法、使用 Babel 编译；图：packages 目录中的子项目 ?

5K3 0

2.ui

invisible表示控件不可见，但是它仍然占据着原来的位置和大小，可以理解成控件变成透明状态了。 gone则表示控件不仅不可见，而且不再占用任何屏幕空间。...一个是从里往外撑，一个是从外往里撑 ScrollView ScrollView滚动视图是指当拥有很多内容，屏幕显示不完时，需要通过滚动跳来显示的视图。ScrollView只支持垂直滚动。...1、ScrollView和HorizontalScrollView是为控件或者布局添加滚动条 2、上述两个控件只能有一个孩子，但是它并不是传统意义上的容器,但是可以不跟布局，如LinearLayout写它里面...setOnItemClickListener()方法来为 ListView注册了一个监听器，当用户点击了 ListView中的任何一个子项时就会回调 onItemClick()方法，在这个方法中可以通过...：实际上就是arraylist的排序，因为list的adapter是就是个集合，它排了序list列表也就排了序 public class Main { public static void main(

1.6K9 0

Android Adapter里面嵌套ListView实例详解

上网查了下，发现别人也有遇到这样的问题，而大多数人都不推荐这样的设计，因为默认情况下Android是禁止在ScrollView中放入另外的ScrollView的，它的高度是无法计算的。...又搜索了一下，发现有StackOverflow上的牛人已经解决了这个问题，经过试验发现是可以解决问题的，它的思路就是在设置完ListView的Adapter后，根据ListView的子项目重新计算ListView...()时抛出异常。...在ScrollView中嵌套ListView(或者ScrollView)的另外一个问题就是，子ScrollView中无法滑动的(如果它没有显示完全的话)，因为滑动事件会被父ScrollView吃掉，如果想要让子...虽然在ScrollView中显示ScrollView在技术上的难题可以攻破，但是这样的设计却是非常差的用户体验因为用户会不容易看到和操作子ScrollView中的内容。

1.2K2 1

横向滑动视图HorizontalScrollView精炼详解

大家好，又见面了，我是你们的朋友全栈君。一、前期基础知识储备由于移动设备物理显示空间一般有限，不可能一次性的把所有要显示的内容都显示在屏幕上。...Android平台框架中为我们提供了诸如ListView、GirdView、ScrollView、RecyclerView等滚动视图控件，这几个视图控件也是我们平常使用最多的。...HorizontalScrollView是FrameLayout的子类，这意味着你只能在它下面放置一个子控件，这个子控件可以包含很多数据内容。...有可能这个子控件本身就是一个布局控件，可以包含非常多的其他用来展示数据的控件。这个布局控件一般使用的是一个水平布局的LinearLayout 。...，从0开始，注意，此实现方式不论子项是否可见，索引值都是不变的，比如一共有7个子项，索引值是0~6，然后将前三个子项设为不可见，此时所有子项的索引值仍然是0~6，而不会有所变化。

3.6K2 0

ElasticSearch，枯燥的基础知识讲完啦！该上 Java 客户端了！

只要掌握了基本操作，再去用 Java 操作 Es 就是 So Easy 了！那么我们为什么还要去学习 Java API 呢？...学习 Java API 的意义在于，它帮我们将很多操作封装成了 API，不用自己再去手动拼 JSON 字符串了，也不用手动解析字符串了，这是它的方便之处。...Jest Jest 提供了更流畅的 API 和更容易使用的接口，并且它的版本是遵循 ElasticSearch 的主版本号的，这样可以确保客户端和服务端之间的兼容性。...低级客户端主要包括如下一些功能：最小的依赖跨所有可用节点的负载均衡节点故障和特定响应代码时的故障转移连接失败重试（是否重试失败的节点取决于它失败的连续次数；失败次数越多，客户端在再次尝试同一节点之前等待的时间越长...Java High Level REST Client 从字面上来理解，这个叫做高级客户端，也是目前使用最多的一种客户端。它其实有点像之前的 TransportClient。

2.3K0 0

android scrollview嵌套listview计算高度的问题

ScrollView中只能放一个控件，一般都放LinearLayout，orientation属性值为vertical。在LinearLayout中放需要呈现的内容。...但是为啥在scrollview中嵌套listview会出现只显示第一条listitem的高度呢，原因是：scrollview的ontach方法的滚动事件消费处理，ListView控件的高度设定问题从谷歌那里找到的...的话，ListView的高度就会计算错误，它只算到了一行TextView的高度，这个问题在so上的概述为以下： http://stackoverflow.com/questions/14386584.../getmeasuredheight-of-textview-with-wrapped-text 3、终极解决办法这个问题头疼了一阵后，查找了一下，应该重写一个TextView的onMeasure...开始测量时，测量到TextView时，就调用我们的onMeasure方法，我们就可以测量字体的总宽度除与去掉边距的屏幕的大小，就可以算出文字要几行来显示，然后测量字体的高度*行数可以得到字体的总高度，然后在加上上下边距就是

2.3K6 0

微信小程序设置图片固定比例

首先我百度到两种方法：一、调用js操作DOM 在小程序内无法直接操作DOM，但是微信也是提供了接口的：wxml节点信息API 1.没有封装组件时，我们可以在js文件中的onShow方法中使用： onShow...中设置图片的宽width:100%,在wxml中设置图片： <image class='image' id='image' src='{{imageUrl}}' mode='aspectFill' style...2、在自定义组件中，我们需要在ready方法中使用： ready:function() { var that = this var query = wx.createSelectorQuery...我照着做了，效果也出来了，但是当我放到scrollView中时，因为图片太高了（虽然看不出来），只是被隐藏了，所以导致scrollView被撑得非常高，只能设置scrollView的高度才能正常显示，但此时又显得不够动态了...，所以我放弃了这种方式，推荐大家使用第一种。

5.4K2 0

「前端架构」Grab的前端学习指南

当用户导航到另一个URL时，需要刷新整个页面，服务器为新页面发送新的HTML。这称为服务器端呈现。但是在现代的SPAs中，使用的是客户端呈现。...当我们有多个客户端应用程序访问同一个API服务器时，这一点在Grab上尤其明显。随着web开发人员现在构建的是应用程序而不是页面，组织客户端JavaScript变得越来越重要。...测试- - Jest + Enzyme Jest是Facebook的一个测试库，旨在让测试过程无痛苦。与Facebook项目一样，它提供了一种开箱即用的良好开发体验。...Jest和酶使编写前端测试变得有趣和容易。因为定义了明确的职责和接口，所以React组件和Redux操作/缩减器相对容易测试也很有帮助。...在Grab中，我们使用Airbnb的eslin -config- Airbnb预置，它已经在Airbnb的JavaScript风格指南中配置了通用的良好编码风格。

7.4K2 0

基础篇章：关于 React Native 之 Touchable 系列组件的讲解

的讲解的实例中，我们使用了TouchableOpacity的点击事件组件，可能很多人不是很理解，所以今天我们来讲讲触摸组件，这样有利于我们以后写实例。...在底层实现上，实际会创建一个新的视图到视图层级中，如果使用的方法不正确，有时候会导致一些不希望出现的视觉效果出现。比如没有给视图的backgroundColor显式声明一个不透明的颜色。...onHideUnderlay function 当底层隐藏后立即调用 onShowUnderlay function 同上面相反，显示时，立即调用 style 风格样式的使用同View的一样，这里就省略了...，不知道的去看View的style underlayColor 当视图被触摸或者点击时，显示的颜色效果展示我们还是拿前面那个Image和ScrollView中使用的例子，只不过我们现在给它加上按压效果...在Android设备上，这个组件利用原生状态来渲染触摸的反馈。目前它只支持一个单独的View实例作为子节点。

2K9 0

基础篇章：关于 React Native 之 Touchable 系列组件的讲解

【回复“1024”，送你一个特别推送】（友情提示：RN学习，从最基础的开始，大家不要嫌弃太基础，会的同学请自行略过，希望不要耽误已经会的同学的宝贵时间）在上篇 ScrollView 的讲解的实例中，...在底层实现上，实际会创建一个新的视图到视图层级中，如果使用的方法不正确，有时候会导致一些不希望出现的视觉效果出现。比如没有给视图的backgroundColor显式声明一个不透明的颜色。...onHideUnderlay function 当底层隐藏后立即调用 onShowUnderlay function 同上面相反，显示时，立即调用 style 风格样式的使用同View的一样，这里就省略了...，不知道的去看View的style underlayColor 当视图被触摸或者点击时，显示的颜色效果展示我们还是拿前面那个Image和ScrollView中使用的例子，只不过我们现在给它加上按压效果...在Android设备上，这个组件利用原生状态来渲染触摸的反馈。目前它只支持一个单独的View实例作为子节点。

1.6K9 0

Android开发笔记（一百四十二）平滑翻页的书籍浏览

幸好Android在5.0后就开始支持PDF文件的读取，直接在内核中集成了PDF的渲染操作，很大程度上方便了开发者，这个内核中的PDF管理工具便是PdfRenderer。...在Android的控件家族当中，比较接近上下层叠方式的是栈视图StackView，它的前后两项视图有部分是重叠在一起的，然后可以通过上下滑动来切换当前显示的顶层视图。...StackView的使用方式类似于ListView，都是调用setAdapter方法设置一组子项，多出来的属性只有loopViews，该属性用于控制是否循环显示子项视图。...框架视图主要负责两块工作： 1、接管屏幕上的触摸事件，通知当前的页面视图向左或者向右滑动，并在松开手势时判断接下来是继续翻页，还是恢复原状； 2、在翻页结束时，在屏幕上重新组织当前页面与前后两页，类似于...，则将当前页滑动到原来的位置；如果当前页面滑动距离超过页面宽度的二分之一，则将当前页滑动到原来的相反位置，即原来是显示着的则现在隐藏，原来是隐藏着的则现在显示。

1.2K1 0

JavaScript 测试系列实战（二）：深层渲染和快照测试

在上一篇教程中，我们已经介绍了使用 Enzyme 测试 React 组件的基本知识。...今天，我们将更深入地挖掘并学习如何测试组件的 Props，如何（以及为什么）使用 mount 函数，以及什么是 Jest 快照测试。...在测试与 DOM 的交互或者在处理高阶组件时，mount 函数也可以派上用场。_Mount 使用 DOM 实现的模拟，Jest 默认使用的是 jsdom。...当我们再次运行快照测试时，Jest 会将新的快照与旧的快照进行比较，如果两者不一致，测试就会失败，从而帮助我们确保用户界面不会发生意外改变。...除此之外，我们还介绍了 Jest 快照测试，这是一个非常强大的工具，可以追踪组件渲染方式的变化。在接下来的文章中，我们还将介绍测试中常见的 Mock 技巧——与组件的模拟交互，不见不散！

2.1K2 0

那些年错过的React组件单元测试（上）

前端自动化测试产生的背景在开始介绍jest之前，我想有必要简单阐述一下关于前端单元测试的一些基础信息。 为什么要进行测试？...jest提供了三种方案来测试异步代码，下面我们分别来看一下。 done 关键字当我们的test函数中出现了异步回调函数时，可以给test函数传入一个done参数，它是一个函数类型的参数。...如果代码中使用了Promise，则可以通过返回Promise来处理异步代码，jest会等该promise的状态转为resolve时才会结束，如果promise被reject了，则该测试用例不通过。...Mock 介绍jest中的mock之前，我们先来思考一个问题：为什么要使用mock函数？在项目中，一个模块的方法内常常会去调用另外一个模块的方法。...当我们再次运行快照测试时，Jest 会将新的快照与旧的快照进行比较，如果两者不一致，测试就会失败，从而帮助我们确保用户界面不会发生意外改变。 ?

5K2 0

Android中文API——ScrollView

重载此方法的ViewGroup可确认以下几点： * 子项目将是组里的直系子项 * 矩形将在子项目的坐标体系中重载此方法的ViewGroup应该支持以下几点： * 若矩形已经是可见的，则没有东西会改变...* 为使矩形区域全部可见，视图将可以被滚动显示参数 child 发出请求的子视图 rectangle 子项目坐标系内的矩形，即此子项目希望在屏幕上的定位 immediate 设为true...比较复杂的工作是在getChildMeasureSpec中完成的。...比较复杂的工作是在getChildMeasureSpec中完成的。.../ScrollView2 添加自动滚动和智能焦点切换 [Android学习指南]使用ScrollView实现滚动效果 Android中ScrollView与ListView共用问题的解决方案　　示例代码

4.6K3 0

Jest：给你的 React 项目加上单元测试

Jest 是一款轻量的 JavaScript 测试框架，它的卖点是简单好用，由 facebook 出品。本文就简单讲讲如何使用 Jest 对 React 组件进行测试。 为什么需要单元测试？...单元测试（Unit Testing），指的是对程序中的模块（最小单位）进行检查和验证。比如一个函数、一个类、一个组件，它们都是模块。使用单元测试的优点：更好地交付高质量代码。...Jest 基本使用我们先写一个简单的函数，作为被测试的模块。...yarn create react-app jest-app --template typescript 执行单元测试的命令为： yarn test CreateReactApp 内置了 Jest，...但 Jest 本身并不支持 React 组件的测试 API，需要使用另外一个内置的 React Testing Library 库来测试 React 组件。

2.9K2 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭