精华内容
下载资源
问答
  • VUE测试实例

    2016-01-26 23:12:16
    VUE测试实例
  • Vue测试库简单而完整的Vue.js测试实用程序,鼓励良好的测试实践。 Vue测试库是一个轻量级适配器b b Vue测试库简单而完整的Vue.js测试实用程序鼓励了良好的测试实践。 Vue测试库是在DOM测试库和@ vue / test-utils之...
  • 使用Vue测试Metamask的状态 演示版 MetaMask将引入可选的“隐私模式”,该模式要求dapp要求获得查看用户帐户的权限。 Dapps应该更新其代码以支持此功能,以后将默认启用该功能。 NPM安装 npm i vue-metamask -S ...
  • 从零开始vue 测试实践 项目源码。 单元测试实现:对用户接口进行测试,登录,获取用户信息,更新用户信息, 登出 ,各接口返回200状态码,即判断测试通过 e2e测试实现:自动化运行待测试vue应用,脚本控制登录信息...
  • Vue 测试实例-组件

    千次阅读 2017-02-26 21:17:44
    Vue 测试实例-组件

    方式一:

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>Vue 测试实例-组件</title>
    <script src="http://unpkg.com/vue/dist/vue.js"></script>
    </head>
    <body>
    <div id="app">
        <Child abc="string123"></Child>
    </div>
    
    <script>
    var Child = {
      template: '<h1 @click="ok">自定义组件!{{abc}}</h1>',
        props: {
            abc:String  
        },
        methods: {
            ok: function() {
                alert(this.abc);
            }   
        }
    }
    
    // 创建根实例
    new Vue({
      el: '#app',
      components: {
        'Child': Child
      }
    })
    </script>
    </body>
    </html>

    方式二:

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>Vue 测试实例-组件</title>
    <script src="http://unpkg.com/vue/dist/vue.js"></script>
    </head>
    <body>
    <div id="app">
        <Child abc="string123"></Child>
    </div>
    
    <script>
    
    Vue.component("Child",{
        template: '<h1 @click="ok">自定义组件!{{abc}}</h1>',
        props: {
            abc:String  
        },
        methods: {
            ok: function() {
                alert(this.abc);
            }   
        }
    });
    
    // 创建根实例
    new Vue({
      el: '#app'
    })
    </script>
    </body>
    </html>
    展开全文
  • 资源主要是自己用来演示通过安装Vue依赖,实现前端自己写接口,去访问本地数据库,用来完善程序功能,测试接口访问,完成学校各项实验内容。
  • Vue 测试实例-组件嵌套二种方式

    千次阅读 2017-02-26 22:33:29
    Vue 测试实例-组件嵌套二种方式
    <!DOCTYPE html>
    <html>
    
    <head>
      <meta charset="utf-8">
      <title>Vue 测试实例-组件嵌套二种方式</title>
      <script src="//cdn.bootcss.com/vue/2.1.10/vue.js"></script>
    </head>
    
    <body>
      <div id="app">
        <Itemlist1>
            <Item v-for="item in items1" :data="item"/>
        </Itemlist1>
    
        <Itemlist2 :itemlist="items2"></Itemlist2>
      </div>
      <script>
    
      Vue.component('Item',{
        template: '<div>{{data.name}}</div>',
        props: {
            data:Object
        }
    
      });
      // 方式一:嵌套组件时用<slot></slot>,
      Vue.component("Itemlist1", {
        template: '<div @click="ok"><slot></slot></div>',
        props: {
          itemList: Array
        },
        methods: {
          ok: function() {
            alert(this.abc);
          }
        }
      });
    
      // 方式二:
      Vue.component("Itemlist2", {
        template: '<div @click="ok"><Item v-for="item in itemlist" :data="item"/></div>',
        props: {
          itemlist: Array
        },
        methods: {
          ok: function() {
            alert(this.abc);
          }
        }
      });
    
      // 创建根实例
      var vueApp = new Vue({
        el: '#app',
        data: {
          items1: [{
            'name': "item1"
          }, {
            'name': "item2"
          }, {
            'name': "item3"
          }],
          items2: [{
            'name': "item1-1"
          }, {
            'name': "item2-1"
          }, {
            'name': "item3-1"
          }]
        }
      })
      </script>
    </body>
    
    </html>
    
    展开全文
  • vue测试环境添加(多环境配置)

    千次阅读 2018-11-29 10:24:17
    通常我们搭建的vue-cli骨架,自带两个版本开发版本和生产版本。 应用场景 公司有开发环境(dev),生产环境(prod),测试环境(test),预发布(release)等版本;不同的环境会有不同请求api接口,我们平时写的...
    1. 背景
      通常我们搭建的vue-cli骨架,自带两个版本开发版本和生产版本。
    2. 应用场景
      公司有开发环境(dev),生产环境(prod),测试环境(test),预发布(release)等版本;不同的环境会有不同请求api接口,我们平时写的baseUrl这种全局的就不是很合适啦;
    3. 在package.json里面;添加test:XXXXX
    "scripts": {
        "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js",
        "start": "npm run dev",
        "build": "node build/build.js",
        "test": "node build/build-test.js",// here
        "build:dll": "webpack --config build/webpack.dll.conf.js"
      }
    
    1. 在build复制一份webpack.prod.conf.js,改名为 webpack.test.conf.js在这里插入图片描述

    将env改成下图
    在这里插入图片描述

    1. 在config里面,复制一份prod.env.js 改名为test.env.js;
      一般这里prod.env.js,test.env.js,dev.evn.js等这里配置自己不同环境的api接口
    内容改成下面:
    'use strict'
    const merge = require('webpack-merge')
    const prodEnv = require('./test.env')
    
    module.exports = merge(prodEnv, {
      NODE_ENV: '"test"',
      API_URL: '"接口地址1"',
      HTTP_URL: '"接口地址2"'
    })
    
    
    1. 创建一个全部变量池glob.js(位置随意,能访问就行)
    内容:
    global.API_URL = process.env.API_URL  // 访问方才保存的链接
    global.HTTP_URL = process.env.HTTP_URL
    
    1. 在main.js引用就阔以啦;全局都可以使用啦,后面请求就类似这种操作就可以了。
    axios.post(global.API_URL) //他会根据你所在环境去请求接口滴
    
    1. 打包测试
      npm run test
    展开全文
  • var env_config = { dev:{ name:'dev', api_url : location.protocol+"//10.0.0.230...// api_server_url : location.protocol+"//narcissus.ih2ome.cn",//换成了测试环境 }, release:{ name:'release', api_url
    var env_config = {
    dev:{
    name: 'dev',
    api_url : location. protocol+ "//10.0.0.230:80",
    // api_server_url : location.protocol+"//narcissus.ih2ome.cn",//换成了测试环境
    },
    release:{
    name: 'release',
    api_url : location. protocol+ "//。。。。cn/api",
    // api_server_url : location.protocol+"//rose.ih2ome.cn/api",
    },
    test:{
    name: 'test',
    api_url : location. protocol+ "//。。。。。/api",
    // api_server_url : location.protocol+"//rose.shuidiguanjia.com/api",
    }
    };
    var runEnv = env_config. dev; //release 换成 dev 切换成本地跑

    // // 静态页面地址
    // var api_url = runEnv.api_url;
    // // 服务地址
    // var api_server_url = runEnv.api_server_url;
    // // 图片服务器地址
    // var image_server_url = runEnv.image_server_url;
    // var isDev = (runEnv.name == env_config.dev.name);
    export{ runEnv}

    展开全文
  • test_vue 测试以记住vue打字稿 yarn global add @vue/cli vue create my-project cd my-project vue add typescript
  • Vue单元测试视频

    2019-09-30 09:30:37
    Vue单元测试视频 简单的视频教程帮你学习单元测试,~~
  • Vue 单元测试详解

    2020-07-03 09:37:42
    了解前端单元测试或者Vue单元测试的意见,单元测试的目的,一些常用的单元测试,jest+Vue Test Utils和其它Karma + Mocha+ + Chai+ Vue-Test-Utils单元测试工具的区别。
  • vue做单元测试

    2019-02-15 17:55:02
    饿了么vue单元测试分享,希望大家能够喜欢,详细的描述了如何使用vue做单元测试,是一个非常不错的实践
  • 书接上文,karma+webpack搭建vue单元测试环境介绍了vue单元测试环境搭建及查看源文件的测试覆盖覆盖率。今天来说一下vue单元测试思路和case的写法。测试框架使用jasmine,语法参考。 代码地址:...
  • vue jest 测试Jest is a popular JavaScript testing framework that comes packed with a lot of goodies for developers. If you’re completely unfamiliar with how Jest works in general, I recommend you ...
  • Vue测试库 简单而完整的Vue.js测试实用程序,鼓励良好的测试实践。 Vue测试库是在和之上构建的轻量级适配器。 | 目录 安装 该模块通过npm分发,应作为项目的devDependencies之一安装: npm install --save...
  • 如何通过Vue测试实用程序以编程方式与您的组件进行交互 如何测试计算的属性和观察者 如何测试Vue.js生命周期方法 如何遍历DOM并进行测试... 如何存根子组件 如何测试Vuex商店是否已正确注入 您需要对JavaScript和...
  • Vue测试手册 欢迎使用Vue测试手册! 这是什么? 这是有关如何测试Vue组件的简短示例的集合。 它使用了测试Vue组件的官方库和一个现代的测试框架 。 它涵盖了vue-test-utils API,以及用于测试Vue组件的最佳实践和...
  • 在本课程中,我们将以非常简单的方式说明如何配置您的环境以能够运行测试,并且我们将通过官方Vue测试库的API: vue-test-utils 。 我们将统一测试组件,它们之间的通信,HTML渲染,方法,计算的属性,数据等。 ...
  • vue + babylonjs 测试

    千次阅读 2020-10-20 20:49:30
    在根组件 App.vue 测试测试用例来源 迈出第一步-让babylon运行起来 注意:所有代码写在 mounted() 内,vue 示例挂载后,dom 元素渲染后才能获取 <template> <canvas id="renderCanvas"></canvas&...
  • 自动化测试分类 单元测试 单元测试(unit testing),是指对软件中的最小可测试单元进行检查和验证。简单来说,单元就是人为规定的最小的被测功能模块,可能是一个单一函数或方法、一个完整的组件或类。 单元测试是...
  • 主要介绍了浅谈Vue组件单元测试究竟测试什么,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
  • Vue测试实用程序 Vue Test Utils是Vue.js的官方测试库。 配套 该存储库提供以下两个软件包: 您可以通过以下命令安装这些软件包。 npm install --save-dev @vue/test-utils npm install --save-dev @vue/server-...
  • vue界面测试框架storybook

    千次阅读 2018-02-02 13:34:16
    Vue UI测试框架storybook storybook是什么? react开发者可能对这个比较熟悉了,即使用storybook的方式创建react组件,并且立即可测.这使组件的性能以及可用性得到了测试保障。 而对于vue开发者,传统的开发...
  • VUE unit测试执行方法

    2020-04-27 09:35:52
    VUE unit测试执行方法 VUE默认的jest单元测试框架。 运行命令行: npm run unit
  • Vue 组件单元测试究竟测试什么?

    千次阅读 2020-02-07 15:03:49
    关于 Vue 组件单元测试最常见的问题就是“我究竟应该测试什么?” 虽然测试过多或过少都是可能的,但我的观察是,开发人员通常会测试过头。毕竟,没有人愿意自己的组件未经测试从而导致应用程序在生产中崩溃。 在...
  • vue单元测试vue test utils使用初探

    千次阅读 2019-04-04 02:40:43
    至此我才第一次接触到测试代码,我们项目使用的测试工具是jest,与vue官方出的单元测试工具库vue-test-utils配合使用。第一次接触测试代码,开始的时候还是一脸懵逼,有种学习一门新语言的赶...
  • 测试驱动开发(Test Driven Development,简称TDD)。TDD 是敏捷开发中的一项核心实践和技术,也是一种设计方法论。TDD的原理是在开发功能代码之前,先编写单元测试用例代码,测试代码确定需要编写什么产品代码。TDD...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 102,356
精华内容 40,942
关键字:

vue测试

vue 订阅