排毒找不到已指定testId的自定义组件
是指在前端开发中，当进行组件测试时，无法找到指定的自定义组件的testId。这可能是由于以下几个原因导致的：
- 组件未正确引入：在测试过程中，需要确保自定义组件已经正确引入到测试文件中。可以通过检查引入路径、文件命名等方式确认组件是否正确引入。
- testId未正确设置：在自定义组件中，需要设置testId属性来标识组件，以便在测试中进行定位。如果testId未正确设置，测试框架无法找到对应的组件。
- 测试框架配置错误：测试框架可能需要配置相关参数才能正确识别自定义组件的testId。需要检查测试框架的配置文件或相关代码，确保配置正确。
解决这个问题的方法可以包括以下几个步骤：
- 确认组件引入：检查自定义组件是否正确引入到测试文件中，可以通过查看引入路径、文件命名等方式确认。
- 检查testId设置：在自定义组件中，确保正确设置了testId属性。可以通过在组件代码中搜索testId关键字，确认是否设置了正确的属性值。
- 检查测试框架配置：检查测试框架的配置文件或相关代码，确认是否正确配置了组件的testId识别方式。可以参考测试框架的文档或官方示例进行配置。
如果以上步骤都没有解决问题，可以尝试以下方法：
- 更新测试框架版本：测试框架可能存在一些bug或不完善的地方，尝试更新到最新版本，看是否能够解决问题。
- 检查组件命名冲突：如果项目中存在多个相同名称的组件，可能会导致测试框架无法正确识别。检查组件命名，确保唯一性。
- 寻求帮助：如果以上方法都无法解决问题，可以向相关开发者社区或论坛提问，寻求帮助。提供详细的错误信息、代码片段和测试框架信息，有助于其他开发者更好地理解和解决问题。
腾讯云相关产品和产品介绍链接地址：
- 云开发（https://cloud.tencent.com/product/tcb）
- 云服务器（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/mobility）
- 区块链（https://cloud.tencent.com/product/baas）
- 元宇宙（https://cloud.tencent.com/product/metaverse）
相关·内容
1回答
我正在使用在iOS中测试一个react原生应用程序。(排毒是写在上的)。
我更喜欢使用Detox的，它使用React的testID (iOS的可访问性ID)
我遇到麻烦的是，在我的应用程序中的每个页面上找到合适的测试in需要花费多少时间来编写测试案例。有没有办法记录我的用户交互，以便我可以快速生成一个排毒测试脚本？我主要是在模拟器中点击各种按钮。或者，是否有一种方法可以在该应用程序运行时快速查看该应用程序的testID？
我试过以下几种我觉得很慢的方法：
当解毒测试用例失败时，它会打印一个错误日志，其中包含日志中的UI层次结构。虽然很有帮助，但我发现这是查找测试ID的一种缓慢方法。
R
浏览 3提问于2017-11-29得票数 2
回答已采纳
1回答
我们正在使用排毒来编写react原生应用程序的E2E测试，其中我们有一个需要测试在点击按钮后是否出现模式的案例。
但排毒试验无法将模式识别为给定的testID，认为模式按预期打开。在reactnative中使用排毒测试模式有什么不同的方式吗？
下面是模态JSX
<Modal
testID="loadingModal"
animationType="none"
transparent
visible={loading}
onRequestClose={() => {}}
>
<View s
浏览 0提问于2018-05-01得票数 0
1回答
到目前为止，我找到了一种解决方案，当大量更改所有这些烦人的文件名时，使它们在命令行中易于阅读和操作。
因此，我在许多命令中发现了一个名为排毒的小软件。默认情况下，它用_替换空格。阅读手册并没有告诉我如何让排毒重命名文件用-代替空格。
[/] cd test
one five/ one four/ one one/ one three/ one two/
[test] detox *
[test] l
one_five/ one_four/ one_one/ one_three/ one_two/
[test]
怎么做？
我找不到.detoxrc文件(或者任何与这个程序相关的文
浏览 0提问于2015-04-18得票数 4
回答已采纳
当一个元素有多个匹配器时，排毒无法执行tap()和其他操作。我目前正在Android模拟器Nexus_5X_API_27上测试它。
await element(by.type('android.widget.TextView')).atIndex(0).tap();
此外，detox无法对匹配器by.Type()执行操作，它要求提供完全限定的类名，因此我对'TextView‘反应本机元素使用了'android.widget.TextView’。
浏览 1提问于2018-06-01得票数 2
1回答
我正在尝试在我的项目中实现一些排毒测试，我在从一个屏幕导航到另一个屏幕时遇到了一些问题。基本上，我尝试创建一个脚本来关闭类似上面的闪屏，但我不知道如何识别选项卡栏按钮“关闭”。 //test.e2e.js
describe('Login', () => {
it('Should open a splash screen', async () => {
await device.reloadReactNative();
await expect(element(by.text('THIS IS A SPLASH SCRE
浏览 4提问于2020-10-29得票数 2
回答已采纳
我正在为反应本机android版本0.57做排毒测试。我得到了这个错误。
错误是
错误:找不到'D:\folder\android\app\build\outputs\apk\androidTest\dev\debug\app-dev-debug-androidTest.apk‘，您运行了'./gradlew assembleAndroidTest’吗？
Package.json
"android.emu.debug": {
"binaryPath": "android/app/build/outputs/apk/dev/debu
浏览 0提问于2018-12-31得票数 4
回答已采纳
1回答
我们在react-native项目中使用了库，我们希望测试签名是否被正确发送。为了做到这一点，用户用手指绘制签名，有没有一种方法可以使用排毒来模拟一些绘制？即使只有一行代码也可以。
我尝试了swipe和scroll方法，但都不起作用。
浏览 4提问于2018-08-29得票数 0
回答已采纳
我似乎在排毒检测嵌套元素时遇到了一些问题。我已经创建了一个内联链接，需要单击它才能让我的测试进行。
示例代码：
<Text>
This is the outer text
<Text
onPress={() => {}}
testID="clickable"
>
This is a clickable text component
</Text>
</Text>
它看起来怎么样：
这是外部文本
测试失败：
await expect(element(by.id('clickabl
浏览 3提问于2018-07-20得票数 6
1回答
我刚刚第一次安装了解毒器，为iOS移动应用程序添加了一些iOS测试覆盖率。
我尝试过将testID添加到文本字段，但这似乎不起作用。
const renderPhoneNumberInput = () => {
return (
<TextInputCustom
title="Mobile Number"
value={phoneNumber}
onChangeText={setPhoneNumber}
keyboardType={'phone-pad'}
浏览 6提问于2022-03-29得票数 2
1回答
我们的应用程序中有一个toast组件，它为我们的测试添加了相当多的薄片。toast组件显示4秒的动画视图，然后消失。在许多测试中，我需要检查消息内容，以便继续测试。 toast组件是用以下代码实现的： // @flow
import * as React from "react"
import { StyleSheet, View, Animated, Dimensions, Text } from "react-native"
import type {
TextStyle,
ViewStyle,
} from "react-native/
浏览 8提问于2019-12-19得票数 5
回答已采纳
1回答
在我的react原生应用程序中，我有一个用于设置值的滑块。滑块的工作原理是单击并拖动滑块来设置值。我的问题是，你如何使用排毒的动作因子来测试这一点？
浏览 2提问于2019-12-18得票数 0
2回答
在iOS模拟器中，我可以在硬件主菜单下手动切换软件键盘(⌘K)，然后测试通过。而且每次硬件重启后我都要这样做。但是，当输入字段接收到焦点时，我们如何才能使排毒始终打开软键盘？一旦启用软键盘，它将保持启用状态，直到下一次硬件重新启动，但测试将失败(软键盘不会显示在文本输入焦点上)
浏览 1提问于2018-04-12得票数 6
我正在使用库为下拉可搜索组件创建一个测试。
在自定义在data-testid中定义的组件时，我无法将该属性添加到Option组件中。
data-testid属性没有显示在DOMforOption元素中。
选项组件
import Select, { components } from 'react-select';
const CustomOption = (props: OptionProps<SearchDropdownOption, false>) => (
<components.Option {...props} data-testid=&
浏览 11提问于2022-04-04得票数 2
回答已采纳
我正在尝试设置我的项目来运行由其他人生成的排毒e2e测试。我遇到一个问题，异步存储是空的。如果我只是运行android或run-ios，这个项目就会正常运行，但是当我尝试运行排毒测试时，我会得到错误。有什么方法可以让我像Jest那样嘲笑这个函数吗？我尝试谷歌的错误和异步存储与解毒，但我只看到人们有问题的Android设置，而我没有问题。我的问题只有在进行排毒测试时才会出现。任何帮助都是非常感谢的！
浏览 2提问于2020-08-21得票数 0
回答已采纳
1回答
我的视图在事件发生后需要一秒钟才能加载。调用时： expect(element(by.id('my-view'))).toBeVisible() 有时排毒能找到这个元素，有时不能。如何让排毒人员等待元素出现？
浏览 18提问于2020-11-04得票数 1
回答已采纳
2回答
我试图创建标题组件，当我添加支柱"testId“时，我得到以下类型。讯息->
键入'{子类: ReactNode；testId: StringUn定义；}‘不能分配到键入'IntrinsicAttributes & ClassAttributes & HTMLAttributes’。属性'testId‘在'IntrinsicAttributes & ClassAttributes & HTMLAttributes’类型中不存在
但是，当我使用"id“而不是"testId”时，就不会出现类型错误
浏览 4提问于2022-01-21得票数 0
回答已采纳
2回答
我有一个火花流应用程序，运行在星火集群与4个节点。几天前，该应用程序继续重置Kafka偏移量，并且在设置自动偏移复位时不再获取Kafka数据。
这是日志：
22/06/28 21:39:38 INFO AppInfoParser: Kafka version : 2.0.0
18|stream | 22/06/28 21:39:38 INFO AppInfoParser: Kafka commitId : 3402a8361b734732
18|stream | 22/06/28 21:39:39 INFO Metadata: Cluster ID: 3cAbAp6-QNyO1cKEc1d
浏览 11提问于2022-06-28得票数 1
回答已采纳
1回答
我正在尝试为我的组件编写测试，在这个组件中我有一个<V-MENU>，当它被激活时，我将在该组件中获得一个表单，在这个表单中有一个<V-BTN>。因此，我设法到达这个菜单之外的按钮或项目，但当我试图在菜单中找到我的按钮时，测试将失败。
基本Vue组件：
<v-btn
data-testid="working-button"
@click="workingbutton()"
>
Working Button
</v-btn>
<v-menu
v-mod
浏览 0提问于2021-06-02得票数 0
1回答
目前使用Jest和酶为我的顶层组件选择一些元素。使用快照测试，我能够看到什么酶浅层呈现给我选择元素。我注意到，在快照中，有些元素是用组件名称呈现的，而另一些元素是用Component替换的。
我的顶层组件(注释，我剥离并修改了一些代码来解释我的要点)：
import React from 'react'
import { observer, inject } from 'mobx-react'
import styles from './awesome.styl'
import { Input } from '../ilovepie/
浏览 0提问于2019-05-01得票数 1
有人知道如何更改文本组件的默认文本颜色吗？
下面是我在MyText组件中包装它的尝试。
import styles from 'somewhere'; // import default color
function MyText(props) {
return (
<Text
style={[styles.default, props.style]}
allowFontScaling={props.allowFontScaling}
numberOfLines={props.numberOfLines}
o
浏览 4提问于2016-06-14得票数 4
回答已采纳
1回答
我正在自动化React Native Application，为了减少UI测试的不稳定，我使用了testID。
在排毒自动化中，它显示了使用testID：
我在Appium上工作过，它还要求我们使用唯一的ID。
我的问题是“使用testID自动化移动应用的好的或坏的实践”，我们还能做什么吗？
浏览 0提问于2020-10-08得票数 1
2回答
我希望能够分别运行我的排毒测试和Jest单元测试。例如，使用detox build && detox test运行排毒测试，用npm test运行Jest单元测试。
在实现了排毒(使用mocha作为测试运行程序)之后，运行npm test会立即出错，并且看起来它试图运行我的排毒测试(不是我所期望的)！这是我遇到的第一个错误。
FAIL e2e/auth.spec.js
不知道为什么要运行排毒测试，当我的package.json将测试脚本指向Jest时。"scripts": { "start": "node node_module
浏览 0提问于2018-03-14得票数 5
回答已采纳
4回答
我是新来的反应和材料界面。我使用的是实质性ui版本"1.0.0-beta.17“，并反应15.6.2。还设计了-组件2.0.0和样式-组件-断点1.0.1。
在div元素中有两个TextInput字段。
const mycomponent = ({props}) => {
<div>
<SomeComponent />
<div>
<TextInput id="testId1" />
<TextInput id="testId2" />
浏览 3提问于2019-11-14得票数 1
回答已采纳
1回答
我是相当新的反应和材料设计自举。我试图使用模拟json文件将一组数据填充到表中。我确实在这方面取得了一定程度的成功。我想在桌子上加入一个模态。这样，当我单击行时，会弹出一个模态。
我将张贴我使用的代码。任何帮助都将不胜感激。
//TablePage.js
import React, { Component } from "react";
import { MDBDataTable } from "mdbreact";
import testdata from "../../data.js";
class TablePage extends C
浏览 1提问于2019-04-07得票数 3
回答已采纳
使用这个JSX：
<View>
<Text testID='t1'>text 1</Text>
<Text testID='t2'>text 2</Text>
</View>
我可以通过它们的testID找到子元素(例如，使用Appium)
如果我将View更改为TouchableOpacity，那么在iOS上，这些子元素似乎被聚集到一个UIAElement中，然后就找不到了。
看起来像是TouchableOpacity将其accessible属性硬编码为true并启用了收集行为(参
浏览 0提问于2016-02-09得票数 9
1回答
目前，我正在开发的项目是ReactJs 。我正在跟踪react-testing-library的文档，以确定是否呈现了带有data-testid属性的元素。
即使元素存在，react-testing-library也找不到它。
我的测验
it('should render option destination', () => {
render(<Search destinations={[{ id: 1, name: 'Test' }]} />);
expect(screen.getAllByTestId('option
浏览 5提问于2022-07-07得票数 0
回答已采纳
正在尝试为我的react原生应用程序设置排毒。它似乎挂在闪屏上。我已经设法在一个没有闪屏的独立应用程序上运行了测试。在闪屏应用程序上，它只是挂起并输出： detox[34248] ERROR: Error: Exceeded timeout of 30000ms while handling jest-circus "setup" event
detox[34248] INFO: Scratch Test is assigned to undefined 我认识到显示“未定义”是不正确的。 我看到'waitFor‘函数的引用，但文档的链接似乎都被破坏了，我在文档中找
浏览 36提问于2020-09-04得票数 0
我很高兴默认使用排毒来清理文件名，但我并不总是希望用一个下划线替换空白。希望用单个空格替换空白。
知道怎么做吗？
浏览 0提问于2016-01-05得票数 2
1回答
大家好，大家好，我对简单测试有问题，我试着测试，链接标签中有文本，导航中有链接标签，但是我看到错误符号不是函数，你能帮我吗？
我的测试代码：
const mockUseLocationValue = {
pathname: "",
search: '',
hash: '',
state: null
}
jest.mock('react-router', () => ({
...jest.requireActual("react-router") as {},
u
浏览 4提问于2021-08-22得票数 1
回答已采纳
在detox for 上的自动化测试将本地应用程序用于创建E2E测试和集成测试。需要就以下几点提出建议：
最好的自动化框架，可以使用TDD，BDD来避免代码重构。
如何使用detox和jest为Android和iOS创建集成测试
易于使用TestRunner摩卡或Jest或任何其他。
测试执行后的任何报告机制。
任何用CI/CD进行e2e测试的自动排毒的POC。
像POM这样的设计模式--如何使用它来响应本机
任何样本排毒存储库与RN应用程序一步一步地集成起来。
备注：，我已经在detox中安装了所需的依赖项，并从 git中安装了Mocha，并成功地为框架
浏览 0提问于2018-06-13得票数 4
我试图做一个简单的测试在一个简单的导航应用程序使用反应测试库。我目前正在尝试使用中显示的示例方法，但这似乎不起作用。
App.js
return (
<BrowserRouter>
<div>
<Route exact path="/" component={Home} />
<Route exact path="/hello" component={Hello} />
</div>
</BrowserRouter>
浏览 5提问于2021-06-26得票数 2
回答已采纳
1回答
我正在尝试使用react-native-testing-library在屏幕上测试导航事件。
我使用Navigation.events().registerNavigationButtonPressedListener全局监听事件，在我的函数组件中使用以下钩子：
const useTopBarBtnPress = function (
componentId: string,
onTopBtnPressed: OnTopBtnPressed) {
useEffect(() => {
const topBtnListener = Navigation
浏览 0提问于2020-07-23得票数 2
这是我要测试的react类。我使用Content.Provider是为了保持一个全局状态。在我的测试文件中，我将它命名为<Store>。
import { useEffect, useContext } from "react";
import { Context } from '../../config/Store';
const ProjectPage = () => {
const [globalState, dispatch] = useContext(Context);
useEffect(() => {
浏览 6提问于2022-01-03得票数 0
我们目前正在使用Appium进行移动应用测试(Android和iOS原生应用)，但是测试有点不稳定，所以我们遇到了Detox。然而，目前还不清楚Detox是否可以用于原生应用，因为文档中只提到了React Native应用。
该工具是否也适用于本地应用程序？
即使它起作用了，花时间在排毒上而不是Appium上值得吗？谢谢
浏览 0提问于2020-11-21得票数 1
我刚接触过reactjs，这可能是一种基础知识，但我在互联网上找不到任何相关的信息。
我有以下代码，当您单击某个按钮(单击history.push(url)操作中的按钮结果，弹出模态窗口)时弹出一个Modal窗口：
const ProjectBoard = () => {
const match = useRouteMatch();
const history = useHistory();
const [filters, mergeFilters] = useMergeState(defaultFilters);
const [IssueCreateModalOpen
浏览 0提问于2021-07-07得票数 1
回答已采纳
我必须改变高度或添加填充到底部标签，但我真的不能，我尝试了几个解决方案，但我找不到方法…
另一方面，它也没有做动画:真实的动画，这个地方还好吗？
使用react本机导航(wix) v2
Navigation.setRoot({
root: {
bottomTabs: {
id: 'BottomTabsId',
options: {
bottomTabs: {
backgroundColor: colors.tabBackgroundColor(),
anima
浏览 10提问于2019-07-23得票数 2
回答已采纳
我使用和Jest来测试我的Reactive原住民应用程序。
下面是我正在做的一个简单的代码示例：
it('renders one text', () => {
const text = 'bar';
const instance = renderer.create(
<View>
<Text testID="foo">{text}</Text>
</View>
).root;
expect(instance.findAllByProps({ test
浏览 0提问于2019-04-18得票数 10
1回答
我正在尝试使用Datepicker (ui.bootstrap.datepicker)。但有人认为我只是一排7天，代表了一周。基本上，我想一次看一周--见第二张图片。
当前的DatePicker指令显示了以下内容：
但我想要的是一周一次的出现。
我查看了uib-datepicker设置()，但找不到在几个星期内设置限制的位置。在我选择datepickerMode的day中，它显示了6周日历视图，但我在选项中找不到限制为1周的选项。
我错过了哪一种选择？任何指点都将不胜感激！
更新:我有其他库使用支持周视图的建议。您也可以随意添加评论！谢谢!
浏览 1提问于2017-04-18得票数 2
回答已采纳
我有应用程序的反应：
主要应用程序是：
function App({articles}) {
...
const SortVote=()=>{
console.log(childRef.current);
console.log(Object.getOwnPropertyNames(childRef.current))
childRef.current.SortVote();
}
const [art, setArt]= useState(articles);
const childRef = useRef
浏览 6提问于2021-08-28得票数 2
回答已采纳
如果之前有人问过这个问题，请提前道歉。我偶然发现了detox e2e框架来响应本地应用程序，我想试一试。
我试图自动化这里给出的这个演示移动应用程序- ，因为detox中的测试使用testID作为定位器之一，所以我在app/screen/LoginScreenMaterial.js中添加了一个LoginScreenMaterial.js文件，如下所示
<View testID="login_screen" style={{width: this._width, justifyContent: 'center'}}>
<RkC
浏览 0提问于2018-06-29得票数 7
回答已采纳
我正在尝试测试一个特定的ID是否具有某些属性，但是我没有成功地找到它。相反，它发现许多其他id具有相同的属性，这告诉我它并没有停止在我引导测试停止的ID中。此外，我也找不到一本明确的排毒测试指南 ```it("is expected to have elements identifiable by testID", async () => { 等待expect(element(by.id("assignment-36"))).toBeVisible()； await expect(element(by.label(“构建网页”).toBeVisible(
浏览 42提问于2020-11-05得票数 0
我试着跑
detox build -c android.emu.release
但是，当尝试用以下错误编译DetoxTest.java时，它会失败
~/android/app/src/androidTest/java/<package_name>/DetoxTest.java:24: error: cannot find symbol
public ActivityTestRule<MainActivity> mActivityRule = new ActivityTestRule<>(MainActivity.class, false, fal
浏览 0提问于2018-06-28得票数 4
回答已采纳
我有一个具有视图范围的bean，并且希望在两个不同的页面之间传递参数，在这个链接之前的第一个页面上，我有<p:selectOneMenu/>，在这里我选择了测试哪个id应该作为GET传递。
<p:selectOneMenu value="#{addQuestion.test}" id="tests"
converter="#{testConverter}" required="true" requiredMessage="Please, choose test">
<f
浏览 2提问于2012-12-12得票数 3
回答已采纳
我开始了一个新的项目，用Reactive原住民写的。想建议开发人员编写正确的、定制的定位器，这些定位器稍后将用作Appium元素。
当我在挖掘depper这个话题时，我对testID和accessibilityLabel这两种观点都有些迷茫。
在正式的Appium web上，它写道：“这里的解决方案是确保不仅在重要组件上使用testID属性，而且还要设置accessibilityLabel属性，以确保元素总是可以通过Appium的‘可访问性id’定位器策略找到。”
另一方面，我找到了一个短语:对于iOS in React，您可以使用testID，据我所知，accessibilityLabel是
浏览 2提问于2021-11-18得票数 0
1回答
我对ESLint和TypeScript感到困惑。
我不能返回null，因为ESLint:使用undefined而不是null__。
好的，我不介意把null改成undefined。现在我有更多的错误
undefined__.(unicorn/no-useless-undefined)：不要使用无用的ESLint和
TS2322: Type '({ testId，authType }：PropsWithChildren)未定义的=>元素“不能指定为”FC“。另一种类型为‘元素未定义’，不能分配到键入'ReactElement<any，any> \ null‘。另
浏览 3提问于2021-03-02得票数 0
回答已采纳
1回答
我最近加入了一个新的组织，他们使用大量的CSS来隐藏/显示元素。
首先，这是否良好的做法？我总是(在大多数情况下)显示和隐藏组件，使用布尔值从dom中添加或删除它(这也很容易测试)
在尝试使用@testing-library/react添加测试时，我发现通过使用identity-obj-proxy模块可以看到这些类。
然而，当尝试测试一个元素的功能是否可见时，就会变得很困难，因为我不认为正在编译更少的代码。
是否可以编译更少的代码，以便将其反映在测试中？
是否与正在使用的类名模块有关？
失败测试
it('should open and close when clicked'
浏览 5提问于2022-02-07得票数 1
回答已采纳
1回答
如何获取组件的值，例如通过id？没有支持bean吗？
这不起作用：
<h:outputText value="test" id="testID" />
<h:outputText value="#{param[testID]}" />
Ty
浏览 4提问于2012-03-26得票数 0
回答已采纳
运行在Pixel_3_API_29 Android10.0 x86上
我已经测试了这个模拟器与其他反应-本机代码发现，脱毒很好。
我不确定我的依赖会导致这个问题吗？
$ detox test -c android.emu.debug detox[8179] INFO: [test.js] configuration="android.emu.debug" reportSpecs=true readOnlyEmu=false useCustomLogger=true DETOX_START_TIMESTAMP=15861249762
浏览 0提问于2020-04-05得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
