karma+angular

来源:http://www.cnblogs.com/laixiangran/archive/2016/01/10/5118756.html
-Advertisement-
Play Games

下麵的介紹以karma能正常運行為前提,看karma系列文章:http://www.cnblogs.com/laixiangran/tag/Karma/目錄結構步驟安裝npm install angular --save-devnpm install angular-mocks --save-dev...


下麵的介紹以karma能正常運行為前提,看karma系列文章:http://www.cnblogs.com/laixiangran/tag/Karma/

目錄結構

步驟

安裝

npm install angular --save-dev
npm install angular-mocks --save-dev  //專門用來進行單元測試的模塊

karma.conf.js

/***
 * Created by laixiangran on 2015/12/22.
 * karma單元測試配置文件
 */

module.exports = function(config) {

    config.set({

        /***
         * 基礎路徑,用在files,exclude屬性上
         */
        basePath: "",

        /**
         * 測試框架
         * 可用的框架:https://npmjs.org/browse/keyword/karma-adapter
         */
        frameworks: ["jasmine"],

        /**
         * 需要載入到瀏覽器的文件列表
         */
        files: [
            "../node_modules/angular/angular.js",
            "../node_modules/angular-mocks/angular-mocks.js",
            "karmaTest/test.js",
            "karmaTest/test.spec.js"
        ]
    });
};

test.js

/**
 * Created by laixiangran on 2015/12/20.
 */

var app = angular.module("myApp", []);

app.controller("myCtrl", ["$scope", function ($scope) {

    var vm = $scope.vm = {
        htmlSource: "",
        showErrorType: 1,
        showDynamicElement: true
    };

    $scope.testTxt = "hello unit test!";

    $scope.setTxt = function (txt) {
        $scope.testTxt = txt;
    };

    $scope.getTxt = function () {
        return $scope.testTxt;
    };

    $scope.removeTxt = function () {
        delete($scope.testTxt);
    };

    $scope.chooseTxt = function (val) {
        return val == "t" ? "hello unit test!" : "hello world!";
    };

}]);

test.spec.js

/**
 * Created by laixiangran on 2015/12/20.
 */
describe("myCtrl測試", function() {
    var scope = null;
    var testCtrl = null;

    // module是angular.mock.module方法,用來配置inject方法註入的模塊信息,參數可以是字元串、函數、對象
    beforeEach(module("myApp"));
  
  // inject是angular.mock.inject方法,用來註入module配置好的ng模塊,方便在it的測試函數里調用 beforeEach(inject(
function($rootScope, $controller) { scope = $rootScope.$new(); //初始化myCtrl testCtrl = $controller("myCtrl", {$scope:scope}); })); it("validateCtrl必須定義", inject(function($controller) { expect(testCtrl).toBeDefined(); })); it("scope.testTxt = 'hello unit test!'",function() { expect(scope.testTxt).toBe("hello unit test!"); }); it("scope.setTxt('hello world!'),scope.testTxt = 'hello world!'",function() { scope.setTxt("hello world!"); expect(scope.testTxt).toBe("hello world!"); }); it("scope.chooseTxt('t')必須返回'hello unit test!'",function() { expect(scope.chooseTxt("t")).toBe("hello unit test!"); }); });

好文推薦:http://www.ngnice.com/posts/dc4b032b537ae0


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 在前陣子寫的一篇博文“SQL SERVER 2014 下IF EXITS 居然引起執行計劃變更的案例分享”里介紹了資料庫從SQL SERVER 2005升級到 SQL SERVER 2014後,發現一個SQL出現性能問題,當時分析後發現執行計劃變了,導致SQL出現了性能問題。但是沒有徹底搞清楚為什麼...
  • 1.在代碼里實現this.requestWindowFeature(Window.FEATURE_NO_TITLE);//去掉標題欄,this指當前的Activity這句代碼一定要加在setContentView()前面。this.requestWindowFeature(Window.FEATUR...
  • 圖像的亮度, 指的是圖像像素的強度, 黑色為最暗, 白色為最亮, 在ios中黑色用0來表示, 白色用1來表示.一個像素, 基本上是用RGB三個顏色分量來表示的. R(0-1), G(0-1),B(0-1). 亮度調整有多種計算方法,效果並不完全相同,在顏色的表示方法中, HSL(L)表示法就是...
  • 本文章轉接於:http://kofi1122.blog.51cto.com/2815761/521605Android中常常使用shape來定義控制項的一些顯示屬性,今天看了一些shape的使用,對shape有了大體的瞭解,稍作總結:先看下麵的代碼: solid:實心,就是填充的意思...
  • Charles —— 青花瓷 網路抓包工具 可以攔截 iPhone/Android 手機中 App 的 網路請求數據 使用 手機&電腦在同一個區域網 確保電腦能夠通過路由器訪問互聯網 電腦安裝 啟動 ,禁用 & 設置手機的網路代理 : 電腦的 ip : 8888 ...
  • 1、欄位上移修改點:兩個子類擁有相同的欄位做法:將該欄位移至父類2、函數上移修改點:有些函數,在各個子類中產生完全相同的效果做法:將該函數移至父類有一種特殊情況也需要這麼做:子類函數覆蓋了父類的,但是仍然做著相同的工作在此重構中你可能會遇到一種情況,就是你提煉的函數調用了子類有而父類沒有的函數,那麼...
  • 筆者主要給大家介紹8款.Net反編譯的利器:Reflector、ILspy、de4dot、JustDecompile、dnSpy、dotPeek、NETUnpack、DotNet Id、Simple Assembly Explorer其中DotNet Id是查殼工具、NETUnpack是脫殼工具、S...
  • 轉載自:http://blog.jobbole.com/89064/托管資源指的是.NET可以自動進行回收的資源,主要是指托管堆上分配的記憶體資源。托管資源的回收工作是不需要人工干預的,有.NET運行庫在合適調用垃圾回收器進行回收。非托管資源指的是.NET不知道如何回收的資源,最常見的一類非托管資源....
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...