低代码: 组件库测试之Vue环境下的测试工具以及测试环境搭建

devtools/2024/9/24 0:54:09/

Vue Test Utils

  • Vue Test Utils 1 targets Vue 2.

  • Vue Test Utils 2 targets Vue 3.

  • 特别注意要使用 版本 2.0.0 以上

  • 提供特定的方法,在隔离的话环境下,进行组件的挂载,以及一系列的测试

配置开发环境

  • 手动配置, 是比较麻烦的
  • vue cli 是基于插件架构的, 插件可以:
    • 安装对应功能的依赖
    • 修改内部配置
    • 注入命令
  • 在现有项目中安装插件:
    • vue add 插件名称

添加测试插件

  • 插件地址:https://www.npmjs.com/package/@vue/cli-plugin-unit-jest
    vue add unit-jest
    

插件运作的过程

  • 安装的依赖
    • vue-test-utils (@vue/test-utils)

http://www.ppmy.cn/devtools/96105.html

相关文章

第2章 C语言基础知识

第2章 C语言基础知识 1.printf()函数 在控制台输出数据,需要使用输出函数,C语言常用的输出函数为printf()。 printf()函数为格式化输出函数,其功能是按照用户指定的格式将数据输出到屏幕上。 printf(“格式控制字符串”,[输出列表]); 格式控…

c语言---文件

这一节我准备分三个部分来带领大家了解文件 ——一、有关文件的基础知识 ————二、文件的简单操作 ————————三、文件结束的判定 ————————————四、文件缓冲区 一、文件的基础知识: 首先在了解文件之前,我们需要了解C/C程序内存…

【动态规划、dp】[CSP-J 2022] 上升点列 题解

题目描述 在一个二维平面内,给定 n n n 个整数点 ( x i , y i ) (x_i, y_i) (xi​,yi​),此外你还可以自由添加 k k k 个整数点。 你在自由添加 k k k 个点后,还需要从 n k n k nk 个点中选出若干个整数点并组成一个序列&#xff0c…

WPF WindowChrome、WindowStyle 自定义窗体样式

渐变参数 WindowChrome 这个图就是WindowChrome的模型。其中Caption区域,表示标题栏,就是它,允许窗体被鼠标拖动。GlassFrameThickness就是Aero窗体的透明边框(Aero主体只在部分操作系统中支持)。ResizeBorderThicknes…

定制化三防平板:满足个性化需求

定制化服务的核心在于理解并满足用户的个性化需求。对于三防平板而言,这意味着设备不仅需要具备防水、防尘、防摔的基本特性,更需根据用户的特定工作环境和使用习惯,进行功能和设计上的优化。 例如,对于在极端温度环境下作业的人…

【Python系列】 Python打印99乘法表

💝💝💝欢迎来到我的博客,很高兴能够在这里和您见面!希望您在这里可以感受到一份轻松愉快的氛围,不仅可以获得有趣的内容和知识,也可以畅所欲言、分享您的想法和见解。 推荐:kwan 的首页,持续学…

社区疫情管理系统pf

TOC springboot417社区疫情管理系统pf 第1章 绪论 1.1 课题背景 二十一世纪互联网的出现,改变了几千年以来人们的生活,不仅仅是生活物资的丰富,还有精神层次的丰富。在互联网诞生之前,地域位置往往是人们思想上不可跨域的鸿沟…

ubuntu2204-中文输入法-pycharm-python-django开发环境搭建

文章目录 1.系统常用设置1.1.安装中文输入法1.2.配置输入法1.3.卸载输入法1.4.配置镜像源2.java安装3.pycharm安装与启动4.卸载ubuntu2204默认版本5.安装Anaconda5.1.安装软件依赖包5.2.安装命令5.3.激活安装5.4.常用命令5.5.修改默认启动源6.安装mysql6.1.离线安装mysql6.2.在…