Vue单元测试

时间: 2019-09-08阅读: 30标签: 测试

单元测试,就是为了测试某一个类或者是某一个方法能否正常工作而写的测试代码。


关于单元测试

是什么: 单元测试是针对 程序的最小单元 来进行正确性检验的测试工作。就是测试某一个页面或者是某一个方法来进行测试的代码单元。

意义: 可以减少bug,提高代码的效率质量,同时可以快速定位bug存在的地点位置,减少调试时间,放心重构代码。

目的: 当我们的项目足够大的时候,在重叠的模块和组件的过程中,可能会有影响到之前的模板。

测试命令

npm run unit

测试的文件内容(List.vue):

    <template>
      <div>
        <h1>My To Do List</h1>
        <br/>
        <ul>
          <!-- 红线警告是这个编辑器不支持这种格式的写法 -->
          <li v-for="item in listItems">{{ item }}</li>
        </ul>
      </div>
    </template>
    <script>
    export default {
      name: "list",
      data() {
        return {
          listItems: ["buy food", "play games", "sleep"]
        };
      }
     };
    </script>

测试的路由配置(index.js):

    import Vue from 'vue'
    import Router from 'vue-router'
    import HelloWorld from '@/components/HelloWorld'
    import List from '@/components/List'
    
    Vue.use(Router)
    export default new Router({
      routes: [
        {
          path: '/',
          name: 'HelloWorld',
          component: HelloWorld
        },
        {
          path: '/to-do',
          name: 'ToDo',
          components: List
        },
      ]
    });

配置的测试文件内容(List.spc.js):

    import Vue from 'vue';
    import List from '@/components/List';
    
    describe('List.vue', () => {
      it('displays items from the list', () => {
        // 获取mount中的组件实例
        const Constructor = Vue.extend(List);
        const ListComponent = new Constructor().$mount();
        // 测试是否错误代码
        // expect(vmComponent.count).toBe(2);
      })
    })

链接: http://www.fly63.com/article/detial/5784

Macaca自动化测试解决方案

Macaca 是一套面向用户端软件的测试解决方案,提供了自动化驱动,环境配套,周边工具,集成方案,旨在解决终端上的测试、自动化、性能等方面的问题。以及两大平台的混合运行时 Webview,也支持以往的桌面端浏览器。

React 现代化测试

测试用例的书写是一个风险驱动的行为, 每当收到 Bug 报告时, 先写一个单元测试来暴露这个 Bug, 在日后的代码提交中, 若该测试用例是通过的, 开发者就能更为自信地确保程序不会再次出现此 bug。

软件测试职业大洗牌

曾经,入行是一件很简单的事。会点点点,是个正常人,愿意做,就行。反正也对你没太大期望,整个软件开发完了,给测试点一遍,没问题,就可以上线了。所以,给很多同学留下的印象就是

如何测试网页的登录页面?

有一个登陆页面, 上面有2个textbox, 一个提交按钮。 请针对这个页面设计30个以上的test case,此题的考察目的: 面试者是否熟悉各种测试方法,是否有丰富的Web测试经验

逐点分析,这样做Web端性能测试

71%用户希望在手机上打开网页能跟电脑一样快;5秒钟被认为是用户能忍受的最长响应时间,如果响应时间超过5秒,50%的移动用户会放弃;33%失望的用户会使用竞品替代;

使用Jest测试Js

在技​​术术语中测试意味着检查我们的代码是否符合某些预期。例如:给定一些输入,一个名为“transformer”的函数应返回预期的输出。有许多类型的测试,很快你就会被术语所淹没,让我们长话短书。测试分为三大类:

十大跨浏览器的测试工具

在实际使用中,我们往往会发现某些网站应用虽然能够在Mozilla和Chrome中运行良好,但是在其他浏览器上却总有一些违和感。也许就是因为某个网站的兼容性问题,导致您失去了一个又一个的访客或潜在用户

web自动化测试

对单独的代码块,比如函数进行测试。单元测试是自动化测试的主要形式,也是最基本的形式。集成测试对代码单位之间的协同工作进行测试,比如测试主程序和各个扩展的继承代码。

10个可靠的Js测试工具

测试JavaScript代码的需求直截了当。如何防止错误,并确保应用程序在浏览器中或Node.js上顺利运行?幸好,开发人员在JavaScript测试方面有很多选择。JavaScript生态系统拥有用于单元测试

MyISAM与InnoDB性能测试对比

MyISAM与InnoDB的优缺点在此就不再多说了,网上可以搜出一堆,而这种文章的最后一般都是推荐,读的多的使用MyISAM,写与更新多的推荐InnoDB,但是,了解过两种存储引擎之后,就会产生一种疑惑,InnoDB采用的是聚簇索引

fly63.com版权所有,内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权,请与小编联系!情况属实本人将予以删除!

广告赞助文章投稿关于web前端网站点搜索站长推荐网站地图站长QQ:522607023

小程序专栏: 土味情话心理测试脑筋急转弯幽默笑话段子句子语录成语大全