首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如果我应该导入like *作为foo-func,它是foo-func is not a function error in jest

如果你尝试将"like *"作为foo-func的导入,并且在Jest中出现"foo-func is not a function"错误,这可能是由于以下几个原因导致的:

  1. 导入路径错误:请确保你正确指定了foo-func的路径。检查导入语句中的相对路径或模块名是否正确,并确保文件存在于指定路径中。
  2. 导入的模块不是一个函数:检查被导入的模块是否确实是一个函数。你可以查看foo-func的源代码或文档,确认它是一个可调用的函数。
  3. 模块未正确导出函数:确保foo-func在其模块中被正确导出。在模块文件中,你可以使用类似于以下代码导出函数:
代码语言:txt
复制
module.exports = foo-func;
  1. Jest配置问题:检查你的Jest配置文件,确保它正确地处理模块导入。你可以查看Jest文档以获取更多关于配置的信息。

总结起来,要解决"foo-func is not a function"错误,你需要检查导入路径、确保模块是一个函数、正确导出函数,并检查Jest配置。如果问题仍然存在,可能需要进一步调试和排查代码。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

Jest 进行 JavaScript 测试

最常见的问题是“怎么知道要测试些什么?”。如果你正在编写 Web 应用,那么一个好的起点就是测试应用的每个页面和每个用户交互。但 Web 应用也由单元代码组成,如函数和模块,也需要进行测试。...以下是典型测试流程的样子: 导入要测试的函数 给函数输入 定义期望输出 检查函数是否按照预期输出 就是这样。如果你按照这些术语思考,测试不再可怕:输入 - 预期输出 - 断言结果。...对于每个对象,我们必须检查名为“url”的属性,如果属性的值与给定的术语匹配,那么我们应该在结果数组中包含匹配的对象。...对测试一无所知,应该直接在该函数内部添加一个新的 if语句,而不是要求更多的上下文: function filterByTerm(inputArr, searchTerm) { if (!...该工具被称为代码覆盖,它是工具箱中的强大工具。

2.7K30

Jest单元测试之旅—实践总结

认为,单测就像基金,需要长期持有才能看到本身的价值,特别是项目不断的迭代、人员流失以至于在后期的维护中单测就越发的重要,它是让你大胆修改或重构代码的基石,在《重构》一书中,第一章节就讲到:“重构的第一步是确保即将修改的代码拥有一组可靠的测试...测试可以作为其他开发人员理解代码行为的方式之一 因为作为业务开发且前端是作为和用户最近的一层,特别是交互和视觉上对于前端来说极其不稳定的。...第二:我们测试某个方法时,可能当前方法会夹杂对其他外部方法的调用,如果外部方法并不是一个纯函数,此时我们不应该再对外部方法再进行测试,而是通过Mock方式去模拟它。...这里分别使用了jest.spyOn和jest.Mock两个方式对同一个方法进行3种不同编写方式的测试,在实际情况中我们应该选择合适的方法。...一条测试保证只测试一种情况 只测试方法内逻辑,如果有引入其他方法(非纯函数)通过mock处理,避免跳出当前测试代码 最后 对单元测试得理解:如果只是为了测试用例能跑通代码的话,那单测对于我们来说意义并不大

10.3K20
  • Jest + React Testing Library 单测总结

    如果想要看如何安装 Jest,可以参考:Jest 上手。 Jest 常用的配置项在根目录中的 jest.config.js 中,常用的配置可以参考:Jest 配置文件。...就可以得到测试结果,如: 当然,如果想要看到覆盖率的报告,可以使用 jest --coverage,或者 jest-report。...如果找到了多个元素就会 throw error,这时就需要使用 getAllBy...。...面对这些痛点,作为“懒而聪明”的前端开发,也常常在思考有什么方法可以在解放双(ren)手(li)的同时,又能保证产品的质量,也不必在每次需求上线时紧张兮兮地盯着告警看板,生怕发的版本影响了其他的功能。...所以,相信借助于测试的力量,这些痛点终有一天会逐个击破。 就像开头提到的,本文只是“比较粗略”地浏览了 Jest + RTL,相较于整个前端单测来说只是冰山一角。

    4.6K20

    那些年错过的React组件单元测试(上)

    以为的以为却把自己给坑了,发现自己对于前端单元测试一无所知。...Jest 关于Jest,我们参考一下其Jest 官网[1],它是Facebook开源的一个前端测试框架,主要用于React和React Native的单元测试,已被集成在create-react-app...通过第一个测试用例加 1,number的值为 1,当第二个用例减 1 的时候,结果应该是 0。但是这样两个用例间相互干扰不好,可以通过 Jest 的钩子函数来解决。...jest.fn() jest.fn()是创建mock函数最简单的方式,如果没有定义函数内部的实现,jest.fn()会返回undefined作为返回值。...这个快照文件包含渲染后组件的整个结构,并且应该与测试文件本身一起提交到代码库。

    5K20

    如何发布一个 TypeScript 编写的 npm 包

    其他大部分选项只是各种可选的TypeScript检查,更喜欢开启这些检查。...添加测试作为一名负责任的开发,我们将从测试开始。我们将使用jest,因为它简单且好用。...现在,如果运行npm run build,可以看到dist目录下会有两个文件,index.js和index.d.ts。接下来就来发布吧。发布如果你还没有在npm上注册,就先注册。...因为我们的库会作为ES Module被使用,因此需要指定"type": "module"。name和description也应填写。接着,我们应该处理好我们希望发布的文件。...我们的库提供了一个ESM模块,TypeScript的类型,使用jest覆盖测试用例。你可能会认为,这其实一点都不难,的确如此。以上就是本文的所有内容,如果对你有所帮助,欢迎收藏、点赞、转发~

    1.4K20

    《前端那些事》从0到1开发工具库

    1.项目结构 开发一个工具库,到底需要哪些配置,下面是写的一个简易版工具库(kdutil)的案例? ?...)) .then(checkStatus).then(checkCode); }; // 处理网络请求带来的校验 function checkStatus(response) { // 如果...} return httpCode.NET_ERROR } // 校验服务器返回数据 function checkCode(res) { return res; } export default...jest作为单元测试框架,Jest 是 Facebook 开源的一款 JS 单元测试框架,Jest 除了基本的断言和 Mock 功能外,还有快照测试、覆盖度报告等实用功能 ,关于更多单元测试的学习前往《...前端单元测试那些事》 传送门 下面那date模块来作为一个案例,是如何对该模块进行测试的 4.1 jest 配置文件 // jest.config.js const path = require('path

    2K40

    Vue 应用单元测试的策略与实践 02 - 单元测试基础

    在上一篇文章当中我们介绍了单元测试的意义,以及为何选择 Facebook 的 Jest 作为我们的测试框架。...如果你已经有了使用 Jest 编写单元测试的经验,可以选择直接跳到第二段。...第一个 Jest 实例 首先创建 jest-demo 项目并安装 jest 作为项目 devDependencies 依赖: mkdir jest-demo && cd $_ yarn init -y...,jest.fn() 代表着就是一个 Stub(桩),“你来就在这里,你走也依然在这里,风雨无阻”。...而另一种特定行为就是返回特定的数据,即 Stub 也可以根据输入模拟返回一种输出,作为某些模块的替身帮它演戏,比如“小鲜肉们”遇到要跳车啦、要卿卿(误)的时候就要找替身,“一二三四五六七八”连台词都不用背还需要配音

    2.2K20

    如何发布一个 TypeScript 编写的 npm 包

    比如说: const source = { my: { nested: [1, 2, 3] } } digx(source, "my.nested[1]") //=> 2 就本文而言,只要它是简洁的和可测试的...其他大部分选项只是各种可选的TypeScript检查,更喜欢开启这些检查。...添加测试 作为一名负责任的开发,我们将从测试开始。我们将使用jest,因为它简单且好用。...现在,如果运行npm run build,可以看到dist目录下会有两个文件,index.js和index.d.ts。 接下来就来发布吧。 发布 如果你还没有在npm上注册,就先注册[3]。...因为我们的库会作为ES Module被使用,因此需要指定"type": "module"。 name和description也应填写。 接着,我们应该处理好我们希望发布的文件。

    1.9K20

    JavaScript 测试系列实战(三):使用 Mock 模拟模块并处理组件交互

    如果你忘记了 Jest Matcher 的含义,推荐阅读本系列的第一篇教程。 迭代 TodoList 组件 一个实际的项目总会不断迭代,当然也包括我们的 TodoList 组件。... ); } } export default ToDoList; 由于我们大幅改动了 TodoList 组件,我们需要更新快照: npm test -- -u 如果你不熟悉...它第一个参数是事件的类型(由于我们在输入中使用onChange,因此我们应该在此处使用change),第二个参数是模拟事件对象(event)。...我们检查了它是否产生了预期的结果,例如组件的请求或状态变化。为此,我们了解了 spy 的概念。...让我们开始测试它是否不会引发任何错误,我们创建 useModalManagement.test.js // src/useModalManagement.test.js import useModalManagement

    4.8K20

    JavaScript 测试教程 part 1:用 Jest 进行单元测试

    首先,将介绍单元测试的基础知识,即测试应用程序的每个部分并检查它们是否适合使用。为此我们将使用 Facebook 开发的测试框架 Jest。它已经准备就绪,并具有进行测试所需的功能。...package.json 1"scripts": { 2 "test": "jest" 3} 为了简单起见,在这里将 Jest 与简单的纯 Node.js 模块一起使用(不包括 webpack)。...divide.js 1function divide(a, b) { 2 return a / b; 3} 4module.exports = divide; Jest 用正则表达式确定要测试的文件。...超时默认为 5 秒,并指定如果测试花费的时间太长,则中止测试之前要等待多长时间。 expect 函数用于测试值。作为参数,它接受你要测试的值:在我们的例子中,它是 divide 函数的返回。...它是常用的别名。运行 it === test 会返回 true。 像这样对测试进行分组可以使代码更整洁。你应该关心程序代码和对其进行测试的代码的质量。

    2.8K20

    React 造轮子系列:Icon 组件思路

    如果能说一局【公司的人都在用写的UI框架】是不是就很牛逼?造 UI 轮子会遇到很多技术层面而非业务层面的知识?比如一些算法。 3.为了创造 你为别人做了这么久的事情,有没有自己做什么?...svg, 需要在对应的 icon 组件导入对应的 svg,这样要是需要100个 svg ,就要导入100次,这样做太傻,文件也会变得冗长。.../icons/', true, /\.svg$/)) } catch (error) { console.log(error) } 要想看懂上诉的代码,可能需要一点 node.js...接着在 Icon 组件里面导入就行了: import '....如果还不行,你需要在 WebStorm 里设置对 jest 的引用: image.png 这是因为 typescript 默认排除了 node_modules 里的类型声明。

    2.1K20

    React 造轮子系列:Icon 组件思路

    如果能说一句【公司的人都在用写的UI框架】是不是就很牛逼?造 UI 轮子会遇到很多技术层面而非业务层面的知识?比如一些算法。 3.为了创造 你为别人做了这么久的事情,有没有自己做什么?...svg, 需要在对应的 icon 组件导入对应的 svg,这样要是需要100个 svg ,就要导入100次,这样做太傻,文件也会变得冗长。.../icons/', true, /\.svg$/)) } catch (error) { console.log(error) } 要想看懂上诉的代码,可能需要一点 node.js 的基础,这边建议你直接收藏好啦...接着在 Icon 组件里面导入就行了: import '....如果还不行,你需要在 WebStorm 里设置对 jest 的引用: image.png 这是因为 typescript 默认排除了 node_modules 里的类型声明。

    4.7K70

    Vue 应用单元测试的策略与实践 01 - 前言和目标

    Snapshot Testing 快照测试,其实是很认可快照这种形式,但需要改进其工作流,至少结合 Image Snapshot 和 Storybook 等工具,甚至更应该放到 CI 上去。...那么在这个上下文中来谈要不要单元测试,我们就可以很有根据了,而不是“开发爽了就用,不爽就不用”这样含糊的答案: 如果你说的业务部门不需要频繁上线,并且有足够的人力来覆盖手工测试,那你可以不用单元测试...如果你说不在意代码腐化,并且也不做重构,那你可以不用单元测试 如果你说不在意代码质量,好几个没有测试保护的 if-else 裸奔也不在话下,脑不好还做什么程序员,那你可以不用单元测试 如果你说确有快速部署的需求...Jest 经常被炒作的功能之一是用户界面的快照测试。快照测试可以作为测试金字塔上层一个很好的补充,但请记住,单元测试仍然是坚实的基础。...最后,总结一下 Jest Jest 作为一个测试框架,其最大的特点就在于它是一个非常有效的解决方案,不需要与其他测试库交互来执行它的工作。

    88840

    使用 TypeScript 编写 React.js 应用 | 笔记

    它是 CSS 的超集,这意味着所有有效的 CSS 也是有效的 SCSS。 缩进语法 ( .sass ) 更不寻常:它使用缩进而不是大括号来嵌套语句,并使用换行符而不是分号来分隔它们。...false 如果发生错误,请将返回的错误消息 error.message 设置为组件 error 状态,将 loading 设置为 false src\projects\ProjectsPage.tsx...如果不这样做,编辑器可能会实现一个名为 dispatch 的占位符方法,该方法会引发错误。...: :owl: Custom jest matchers to test the state of the DOM yarn start ERROR in src/App.test.tsx:8:23...如果您有 CI 设置,请运行以下命令作为其中的一部分,以确保每个人都运行更漂亮。这避免了合并冲突和其他协作问题! --check 类似于 --write ,但仅检查文件是否已格式化,而不是覆盖它们。

    86990
    领券