如何用jest测试检查窗口未定义的脚本？
要用jest测试检查窗口未定义的脚本，可以按照以下步骤：
- 确保已经安装了jest和相关的依赖库。可以通过运行以下命令进行安装：
- 确保已经安装了jest和相关的依赖库。可以通过运行以下命令进行安装：
- 创建一个测试文件，命名为
window.test.js（可以根据实际情况进行命名）。在该文件中，引入需要测试的脚本文件，并编写测试用例。 - 创建一个测试文件，命名为
window.test.js（可以根据实际情况进行命名）。在该文件中，引入需要测试的脚本文件，并编写测试用例。 - 创建一个
your-script.js文件，该文件包含需要测试的脚本。 - 创建一个
your-script.js文件，该文件包含需要测试的脚本。 - 运行jest进行测试。可以通过运行以下命令来执行测试：
- 运行jest进行测试。可以通过运行以下命令来执行测试：
- Jest将会执行测试，并输出测试结果。
在以上步骤中，我们使用了jest和jsdom来模拟浏览器环境，并且编写了一个测试用例来检查脚本中是否存在未定义的窗口变量。如果窗口未定义，测试将会通过，否则将会失败。
对于这个问题，我会推荐使用腾讯云的Serverless云函数来部署和运行测试用例。Serverless云函数是一种无服务器架构，可以根据实际需求弹性伸缩，并且只需按照实际使用量付费。您可以通过以下链接了解腾讯云Serverless云函数的更多信息：
请注意，上述答案仅供参考，具体的解决方案可能因实际情况而异。建议您在实际操作中参考相关文档和官方指南，以获得准确和全面的信息。
相关·内容
例如:我的math_util.js是
var MathUtil = function(){
function add(a,b){
return a + b;
}
return {
add: add
};
}
我将使用Jest测试add()。所以我会写
test('add', ()=>{
expect(MathUtil().add(1,1)).toBe(2);
});
但是我得到MathUtil是未定义的，或者MathUtil()不是一个函数。
我还尝试使用require()或import。但MathUtil没有module.export
浏览 4提问于2018-08-07得票数 4
回答已采纳
当我尝试测试打字本代码时：
namespace MainNamespace {
export class MainClass {
public sum(a: number, b: number) : number {
return a + b;
}
}
}
我的测试：
describe("main test", () => {
it("sum test", () => {
var mainClass = new MainNamespace.MainClas
浏览 3提问于2018-04-29得票数 11
1回答
我有一个文件，其变量声明为const：
sendFunction.js
const Analytics = require('analytics-node');
const writeKey = process.env.WRITE_KEY;
//Call Segment service
export const sendAnalytics = () => {
return new Analytics(writeKey).track({
userId: clientKey,
event: USER_EVENT,
pro
浏览 8提问于2022-08-13得票数 -1
我试图为“DOMContentLoaded”检查中发生的逻辑编写单元测试
代码示例：
window.addEventListener('DOMContentLoaded', () => {
// do stuff
...
});
在我的测试中，我已经在模拟window对象(因为我有一个可以设置窗口的util )。因此，我试图在我的窗口模拟上模拟addEventListener：
jest.mock("./utils/window");
let mockWindow;
const mockWindowObject = {
addEvent
浏览 8提问于2021-05-19得票数 0
回答已采纳
1回答
我正在尝试使用Next.js和样式-jsx的测试框架Jest。
这是我的外部css风格。
import css from 'styled-jsx/css';
export const TextStyle = css`
p {
font-size: 14px;
color: #a8a8a8;
}
`;
这是我的package.json脚本。效果很好。
"test": "jest --verbose",
我想使用覆盖选项。所以我尝试了这个"test": "jest --
浏览 1提问于2020-01-28得票数 1
回答已采纳
4回答
在导入依赖项之前，我需要在窗口对象中设置一个值。假设我有这个密码
// foo.test.js
import { dependency } from './foo'
describe('...', () => {
it('...', () => {
// use dependency
})
})
但是要导入依赖项，我需要在window.myValues中定义一个值
// foo.js
export const dependency = {
key: window.myValue.nestedValue
}
该代码
浏览 3提问于2020-06-08得票数 6
回答已采纳
在我使用npm install jest安装jest并在package.json中添加" test ":"jest“之后，我希望像" expect”这样的关键字在我的cljs测试文件中自动工作：
(.toBeInTheDocument (expect (.getByText screen "Some Component")))
但是我知道“期望”是不确定的。js/expect也提供了未定义的。如何让jest与clojurescript一起工作？
-编辑--
我安装了lint a this库，但仍然无法让jest函数在我的测试文件中工作。
浏览 0提问于2020-04-26得票数 2
我正在为我的流星项目编写jest测试。我正在尝试在Meteor.methods中测试代码，但我不确定如何使用Jest来完成。 在服务器端(也是main.js)，代码片段看起来像下面这样： Meteor.methods({
'shops.get': () => { return ShopList.find({}).fetch();},
)}; 在main.test.js中，我写了如下内容 describe('methods', () => {
let shops=[];
beforeEach(() => {
浏览 13提问于2019-05-23得票数 0
回答已采纳
2回答
我从这个任务中尝试了许多解决方案。我希望在没有任何库的情况下测试axios实例api调用(jest-axios模拟、moaxios、msw等)。我希望这是可能的，因为我成功地测试了简单的axios调用( axios.get / axios.post，但没有.create )--主要问题来了--我尝试了测试axios实例调用，在不同的尝试中遇到了三个主要错误。
1 axios_instance_1.axiosInstance不是一个函数
2无法读取未定义的属性“then”
3无法读取未定义的属性“post”
当我尝试绕过模块模拟(jestjs.io/docs/旁路-模块-模拟)时，我就得到了这个
浏览 2提问于2022-02-20得票数 1
回答已采纳
1回答
我从Jest单元测试开始。在运行一个jest单元测试时，我一直得到“没有测试发现”。
错误描述
yarn test
yarn run v1.3.2
$ jest
No tests found
In E:\Course\Testing JavaScript\Jest Demo
4 files checked.
testMatch: **/__tests__/**/*.js?(x),**/?(*.)(spec|test).js?(x) - 3 matches
testPathIgnorePatterns: \\node_modul
浏览 0提问于2018-03-31得票数 4
回答已采纳
2回答
我最近转到Jest进行单元测试
以前我是这样做的：
ng test --configuration=unit-tests
但是我不知道如何用角度配置来运行Jest测试，我想要这样的东西：
jest --configuration=unit-tests
如何使用指定的角度配置运行Jest测试？
浏览 9提问于2021-02-02得票数 0
回答已采纳
1回答
我试图弄清楚如何使用jest测试Stencil组件中的状态更改。我对测试很陌生，并且发现你可以用酶来测试反应组分中的状态变化，但是我还没有弄清楚如何用模板组件来做。我该怎么做呢？
浏览 2提问于2019-07-17得票数 3
回答已采纳
1回答
我在我的Foo.js文件中包含了一个JS依赖项( index.html )。当我在React组件中调用Foo.js时，它会在全局命名空间中找到构造函数并实例化它。当我部署它时，这很好，但是当我围绕Component.js构建一个测试时，测试找不到Foo.js
<!--Index.html-->
<head>
<script src="Foo.js"></script>
</head>
// Component.js
var bar = new Foo(); // Works in deployment but not
浏览 2提问于2015-09-22得票数 0
回答已采纳
我对JavaScript测试非常陌生，并且正在开发一个新的代码库。我想编写一个测试，用于检查元素上的className。我和Jest和一起工作。下面我有一个测试，它将呈现一个基于variant支柱的按钮。它还包含一个className，我想对它进行测试。
it('Renders with a className equal to the variant', () => {
const { container } = render(<Button variant="default" />)
expect(container.fir
浏览 0提问于2018-11-20得票数 146
回答已采纳
我有一个将数据写入mongodb的函数，如下所示：
const writeToDB = async (db, data) => {
const dataKeys = Object.keys(data)
dataKeys.forEach(async key => db.collection(key).insertMany(data[key]))
}
如果我在节点脚本中运行它，这是很好的。但是，当我试图在Jest的beforeAll中使用它时，我从Jest获得了一个异步错误：
在测试运行完成后，Jest没有退出一秒钟。这通常意味着在测试中没有停止异步操作。
经过一些故障
浏览 0提问于2019-02-18得票数 1
回答已采纳
1回答
如何测试scss模块
、、、、
我使用React with Jest作为测试框架，并使用identity-obj-proxy让jest从scss文件加载classNames。这只会对重新获得的类名进行测试--它实际上并不加载scss模块。 有没有办法做一个测试，加载我的入口scss文件，并简单地检查它是否加载没有错误？我所说的负载是指它没有任何未定义的变量、损坏的导入等。
浏览 30提问于2019-03-02得票数 0
我的项目中有一个函数，它从窗口的引导程序对象调用一个函数。职能如下：
export default function measurement(analObj) {
if (window.Bootsrapper._trackAnalytics === function) {
window.Bootstrapper._trackAnalytics(analObj);
}
}
我编写了下面的代码来在jest中测试这个函数：
import measurement from "../helpers/measurement";
describe('
浏览 3提问于2020-04-24得票数 0
8回答
我是使用UseHistory钩子在反应路由器v5.1.2与类型记录？在运行单元测试时，我遇到了问题。
TypeError:无法读取未定义的属性“历史记录”。
import { mount } from 'enzyme';
import React from 'react';
import {Action} from 'history';
import * as router from 'react-router';
import { QuestionContainer } from './QuestionsContai
浏览 1提问于2019-10-15得票数 66
回答已采纳
我想将变量'page‘传递给Jest的描述函数： describe('Filter Test', () => {
beforeAll(async () => {
jest.setTimeout(20000);
browser = await puppeteer.launch()
page = await browser.newPage();
await page.goto(url, {waitUntil: 'networkidle2&#
浏览 14提问于2020-03-25得票数 1
1回答
在我的应用程序中，我使用navigator对象将字符串存储在剪贴板中：
navigator.clipboard.writeText('string')
但是，当我用Jest编写测试并模拟这个对象时，我得到了错误：
无法读取未定义的属性“writeText”
下面是我在测试文件中模拟navigator的方式：
// Mock clipboard object
const clipboardWriteTextSpy = jest.fn()
navigator = {
clipboard: {
writeText: clipboardWriteTextSpy
}
浏览 5提问于2020-08-09得票数 0
2回答
经过一些研究，我发现_mock_ing将允许我测试随机值。但是，如何测试阵列(干草堆)上随机位置(针)的值？
例如，如何用Jest测试这段代码
var words = ['Hey', 'Hello', 'Hi'];
var random = Math.floor( Math.random() * (words.length - 1) + 0 );
var word = words[random];
浏览 4提问于2014-12-22得票数 0
回答已采纳
3回答
我对Jest很陌生，并试图为我现有的React编写一些单元测试。我有一个全局变量window.CONFIG，它存储在应用程序中不同位置使用的一些配置。这个变量在登陆HTML页面的脚本标记中初始化
现在，我正在尝试编写一个依赖于此window.CONFIG的助手函数的测试，它在访问时总是未定义。
以下是代码：
config.js
export default window.CONFIG;
app/helper.js
import config from "../config";
export default {
getCompanyURL(company) {
r
浏览 3提问于2016-02-17得票数 6
对于如何用jest测试导出的函数，我正在努力寻找一个解决方案。
export const scrollToError = () => {
setTimeout(() => {
const hasErrorElement = jQuery('.has-error');
if (!hasErrorElement.length) return;
jQuery('html,body').animate({
scrollTop: hasErrorElement.offset().top - 50,
}, '
浏览 0提问于2019-02-13得票数 0
回答已采纳
1回答
我对整个单元测试都很陌生，尤其是新的javascript。我正在用Jest做一些单元测试，我偶然发现这个脚本对我来说没有多大意义。但是，我想我应该试着为它写一个测试。
我对此完全陌生，所以即使是对EventEmitter的了解也让我失望。我确实读到过，在这种情况下，您必须调用newCommandEmitter，但是这个脚本根本没有这个功能。只有三行。
代码在下面，但我想知道，这是否值得为之编写测试？
const EventEmitter = require('events')
const newCommandEmitter = new EventEmitter()
module
浏览 3提问于2022-06-24得票数 0
3回答
如果测试失败，则未定义警报。
、、、、
我在我的react本机项目中使用了jest，我想测试具有"onPress“的组件。单击它时，会发出警报。
<ListItem
testID={'Contact'}
onPress={() => alert('hello')}
/>
并测试它；
it('test onPress functionality', () => {
window.alert = jest.fn();
const wrapper = shallow(
<Contact
浏览 10提问于2020-01-21得票数 2
回答已采纳
2回答
我想知道如何用Jest来模拟_orderBy方法，并确保它是用下面的参数调用的。
My Vue.component方法sliceArray
sliceArray: function(array) {
let val = _.orderBy(array, "orderDate", "desc");
return val.slice(0, this.numberOfErrandsLoaded);
}
到目前为止，这就是我所拥有的：
import _ from "lodash";
jest.un
浏览 1提问于2020-03-10得票数 1
为什么我不能在我的package.json文件中运行完全相同的命令？下面是一个示例：
Package.json
"scripts": {
...
"test": "jest",
...
},
如果我运行"npm运行测试“，jest运行良好，并且我的单元测试将被执行。但是，如果我试图在不使用package.json中的脚本的情况下运行jest，则无法执行它。
当我运行命令时，开玩笑：
zsh: command not found: jest
我想，当我在项目目录下时，我可以使用与项目相同的脚本，而不必将其添加到脚本中，并通过np
浏览 6提问于2022-01-12得票数 2
回答已采纳
下面是一个非常简单的jest单元测试，在运行它时，您会得到类似的错误
不能对原语值进行spyOn；未定义
TypeError:无法读取未定义的属性“getItem”
但根据的最后两条评论，localStorage和sessionStorage已经被添加到最新的JSDOM和jest中。如果使用并将其添加到我的jest setupFiles中，那么您将看到以下奇怪的错误
TypeError: objectmethodName.mockImplementation不是一个函数
因此，我的问题是，在jest中模拟localStorage/sessionStorage的最佳方法是什么。谢
浏览 0提问于2018-07-27得票数 25
我是Jest的新手，我正在尝试对我的异步动作创建者进行测试。问题是，我只看到了一些测试示例，其中有一个用于动作创建者的方法，另一个是用于分派的其他单独方法。我的操作创建者将分派作为异步回调函数，但我不知道如何进行测试。我的动作减速机看起来是这样的：
export const postConnection = (connectionUrl, username, password) => {
return async (dispatch) => {
const response = await requireAuthActions.post('/db/c
浏览 3提问于2019-07-26得票数 0
1回答
我有一些来自第三方加载项/库的子组件。我使用Jest作为我的单元测试和toMatchSnapshot()方法。我试图用jest.unmock('ChildComponet.js')排除子组件，得到了以下错误：
jest.unmock('ChildComponet.js')被调用，但是自动锁定是禁用的。删除对jest.unmock的不必要调用，或通过jest.enableAutomock();__为此测试启用自动锁定。此警告可能是Jest 15中默认配置更改的结果。
我启用了jest.enableAutomock();，现在我有了一个错误：
TypeError:无
浏览 2提问于2016-10-14得票数 0
回答已采纳
1回答
我很难用jest来模拟/测试这个加载脚本包：
import Footer from './Footer'
import { shallowMount } from '@vue/test-utils'
import { mocks } from '@test/components.spec-helper'
import load from 'load-script'
describe('Footer Component', () => {
const wrapper = shallowMount(Page
浏览 2提问于2019-06-10得票数 2
回答已采纳
在React Native中，我使用fetch来执行网络请求，但是fetch并不是一个明确要求的模块，因此似乎不可能用Jest模拟。
即使在测试中尝试调用使用fetch的方法也会导致：
ReferenceError:未定义fetch
有没有办法用Jest在原生的react中测试这样的API请求？
浏览 208提问于2016-03-18得票数 48
回答已采纳
1回答
我需要测试这个功能：
import dependency from 'dependency';
export default values => (dispatch) => {
dispatch(dependency(values));
// More code
};
我得到了一个测试，它断言dispatch称为dependency
import functionToTest from 'function-to-test';
jest.mock('dependency', () => () => 'de
浏览 0提问于2019-05-10得票数 2
回答已采纳
Jest的简单配置在运行时会产生"ReferenceError: describe未定义“错误。这里是最小的例子：
我配置错了什么？
浏览 9提问于2020-01-27得票数 6
回答已采纳
1回答
对于导入的类，我通常只需执行jest.mock('foo.js')并添加我的实现...但它不适用于window对象。即使我可以在我的测试中正确地模拟它，但当我运行脚本时，窗口并没有被模拟。我仍然希望能够在浏览器环境中运行此测试，那么我如何在我的脚本环境与测试环境中模拟窗口对象呢？ 下面是我一直在使用的当前方法的人为代码... foo.js export default class Foo {
validate() {
if (window === undefined) {
throw new Error('must be run in a br
浏览 14提问于2020-10-30得票数 1
1回答
我需要使用Jest测试来编写这段代码：
componentDidUpdate(prevProps) {
if (prevProps.socialMediaId !== this.props.socialMediaId) {
if (typeof this.window.FB !== 'undefined') {
this.window.FB.XFBML.parse();
}
}
}
使用测试用例：
it('should test componentDidUpdate', () => {
p
浏览 0提问于2019-02-07得票数 0
回答已采纳
2回答
只想通过使用Jest和Enzyme来实现我的react组件的单元测试。
有什么办法来检验订单吗？假设我有组件Button，并且希望同时呈现图标和文本。
当然，向用户提供对齐选项(图标优先或儿童优先)是很好的。
Button.js
class Button extends React.Component {
constructor() {
super();
}
render() {
let content;
const icon = (<Icon type='search' />);
浏览 2提问于2016-06-01得票数 3
回答已采纳
是否有一种方法可以使用节点检查器来使用Jest调试单元测试？有时能通过测试来了解测试失败的原因是很好的。
我试过几种方法
node-debug jest --runInBand
首先启动检查员
$ node-inspector
$ node --debug-brk .\node_modules\jest-cli --runInBand
然后导航到http://127.0.0.1:8080/debug?port=5858
我发现调试器偶尔会打开jest src文件，并可能对它们进行调试。不过，调试器中的脚本通常只包含“no域”文件夹和另一个不相关的文件夹。此外，测试脚本本身从未加载在调试器中。
浏览 5提问于2014-08-05得票数 39
回答已采纳
1回答
玩笑和酶测试片段
、、
我有这个文件，我想测试它，但有些线路没有涵盖，我如何用Jest和reactjs中的酶测试它们。
const List = props => (
<div className={styles['comments-list']}>
<h5 className={styles['comment-header']}>Comments</h5>
<ul className="collection">
{props.comments.map(
浏览 1提问于2018-10-31得票数 0
回答已采纳
我使用的是按照ts-jest在文档中描述的方式配置的jest和ts-jest。
如果我运行yarn test --listTests，我可以看到我想运行的测试文件：processNewUser.ts，它包含在我的项目的__test__文件夹中的输出中。
我只能使用yarn test --testPathPattern='processNewUser'运行该测试
但是如果我尝试使用yarn test --testNamePattern='Processes new user. Auth'作为测试的名称，那么每个测试都会运行，包括所有没有指定名称字符串的测试。
与：
浏览 15提问于2021-05-26得票数 0
我有一个函数(一个Redux动作)，它调用2个函数。我不知道如何用Jest测试这个：
这是我的职责：
import doSomething from 'redux/do-something';
import doSomethingElse from 'redux/do-something-else';
export default () => async dispatch => {
await dispatch(doSomething());
dispatch(doSomethingElse());
};
这是我的考验：
import do
浏览 1提问于2019-05-09得票数 2
回答已采纳
我试图模拟一个创建并返回另一个类的类。我有这个：
const mockMethod = jest.fn();
const mockClassA = jest.fn<ClassA>(() => ({
method: mockMethod
}));
jest.mock("../src/ClassB", () => ({
ClassB: {
getClassA: () => new mockClassA()
}
}));
由于提升，当jest嘲笑`../src/ClassB“时，mockClassA未定义。
如果您不想提升，我已经
浏览 2提问于2019-04-03得票数 2
回答已采纳
在运行webpack之前，我正在尝试运行Jest测试，作为脚本的一部分，如下所示。
npm run test
webpack --progress --profile --watch --mode development
Jest只适用于编译后的代码，因此我将我的.babelrc设置为下面的代码，但是，它将我不想使用的所有代码在webpack中转换，在开发模式下，我想让JavaScript不被转移，这样我就可以不用混淆它来处理它了。
{
"presets": [ "@babel/preset-env" ]
}
相反，我想通过调用'npm运行测试‘来
浏览 2提问于2020-03-02得票数 1
回答已采纳
我知道如何用Jest模拟全局变量，但重点是我不知道为什么不能用jest.fn()直接赋值来模拟它。 谁能告诉我为什么window.loaction = jest.fn()会导致错误？
浏览 14提问于2020-10-04得票数 0
回答已采纳
我一直试图测试一个其他块何时窗口是未定义的。由于我使用的Next.js，窗口将在服务器端呈现(SSR)期间未定义。目前我还没有办法做到这一点。
任何帮助都是非常感谢的。
我尝试在测试中和函数之前的定义(所有选项和每个选项)中设置window = undefined和global.window = undefined。这两种方法都没有成功。
在谷歌搜索最接近的答案时，我能找到的是嘲笑或监视窗口方法，但这并不能回答我的问题。我还发现一些人注意到，您可以以Node应用程序(例如SSR)的形式运行测试，但不确定如何对一个测试进行测试。
下面我提供了一个例子，说明我正在尝试测试什么以及如何测试。
函数测
浏览 0提问于2019-01-04得票数 4
3回答
在Jest中运行e2e测试之前，我需要从服务器获得一个身份验证令牌。
是否有可能在全局范围内执行此操作，并将其设置为每个测试的全局环境/上下文？
我尝试使用globalSetup配置选项：
const auth = require('./src/auth')
const ctx = require('./src/context')
module.exports = () => {
return new Promise(res => {
auth.getToken()
.then(token =>
浏览 1提问于2018-01-29得票数 20
我编写了一个React应用程序，并使用jest编写单元测试。
当我通过"jest --config=jest.config.json -watch“运行它时，我得到以下错误：
测试套件无法运行
TypeError:路径必须是字符串。在assertPath (path.js:7:11) at Object.relative (path.js:1226:5)处接收未定义的
我的jest.config.json是：
{
"snapshotSerializers": [
"enzyme-to-json/serializer"
浏览 0提问于2018-05-02得票数 1
引导CRA3.0应用程序，然后弹出。
检查我的package.json。
发现多个包的用法对我来说不是很清楚。
"semver": "6.0.0"
为什么我需要这个？在config/*或scripts/*中没有发现任何用法。它看起来像是react-scripts验证的工件--类似于相关包的逻辑，因此在我的应用程序依赖项中，它看起来像一块膨胀的东西。
"react-app-polyfill": "^1.0.0"
用于IEs等的填埋场？好吧，但是为什么是单独的包裹呢？在core-js或babel-polyfill上使用一些未知的包对我
浏览 1提问于2019-04-30得票数 1
回答已采纳
2回答
我正在编写一个脚本来访问用另一个脚本编写的函数。 当我运行第二个脚本时，错误是该函数未定义。 我一直在向后工作，目前正在尝试让该函数在命令窗口中工作。 函数文件已出现在当前文件夹窗口中。突出显示时，所有函数和参数都会显示在下面的窗口中(在顶部显示文件名，然后显示文件内容)。 当我将函数调用从脚本复制并粘贴到命令窗口中时，我仍然得到一个函数是未定义的。 我尝试在单独的脚本中逐个重新构建函数，但仍然收到错误消息。 我已经确保它们在同一个文件夹中，并且拼写完全相同，我做错了什么？ ‘%文件名Lab_5_functions.m function[vel] = velocity (g,m,co
浏览 21提问于2019-10-06得票数 0
回答已采纳
2回答
我正在尝试使用Jest进行测试，但是得到了一个错误: Jest遇到了一个意外的令牌这通常意味着你正在尝试导入一个Jest无法解析的文件，例如它不是普通的JavaScript。
我有一个相册应用程序，每当我点击一张图片时，就会弹出一个带有图片的模式。我想测试一下，当我单击图像时，弹出窗口是否显示或存在。有没有办法把这个因素考虑进去？
下面是我的代码：
import { shallow, mount, render } from 'enzyme';
import App from '../client/src/components/App';
describ
浏览 17提问于2018-08-02得票数 3
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
