基于TDD模式的简单练习

TDD webstrom js git

---

附：点击进入作者的GitHub

---

阅读导航

• TDD+Git 概述
• 问题解析和思考过程
• 测试+实现代码
• 附件说明

---

TDD+Git 概述

TDD 概述

测试驱动开发（TDD）是一个依赖重复非常短的开发周期的软件开发过程：需求变成非 常具体的测试用例，然后软件只能通过新的测试。

特点描述
大多数传统的程序开发是把问题拿到手后简单分析就开始写代码，着重于在写的过程中遇到问题就去解决，出错就去调试。代码量不大和问题分析不复杂的情况下，这样的方法还是可行和省时。但是当代码量大，问题复杂，细节分支多，需求多时，一旦出错，调试起来很麻烦。还有一个问题就是，不能确保及时提交能编译通过的代码，对版本的控制和追溯会造成混乱。在TDD模式下，由需求和分析后的细节写出测试类别，由测试来驱动开发，这样的好处在于，我们在完成一项测试后能及时反馈对这条测试代码的准确与否。

TDD编码流程

1. 分解任务，分出步骤
2. 实例化需求，写清需求细节
3. 写测试（test.js），只看需求和程序的输入输出不看中间过程
4. 写实现(achieve.js)，只为当前的需求，用最简单的方式通过即可
5. 重构，采用方法消除代码中间冗余和优化代码
6. 测试，修复，转3
7. 完成

注：一条一条的测试通过，细节划分合理

Git 概述

GIT中是一个版本控制系统用于跟踪的变化（VCS）的计算机文件和协调多人之间的那些文件的工作。它主要用于软件开发，但它可以被用于跟踪中的任何文件的变化。作为分布式修订控制系统它是针对速度，的数据完整性，和用于分布式的，非线性的工作流的支持。

特点描述

• 无摩擦上下文切换。创建一个分支，尝试一个想法，提交几次，切换回分支的地方，应用补丁，切换回您正在尝试的地方，并将其合并。

• 基于角色的编码。有一个分支，总是只包含生产，另一个你合并工作进行测试，和几个较小的日常工作。
• 基于特征的工作流程。为您正在处理的每个新功能创建新的分支，以便您可以无缝地在它们之间切换，然后在该功能合并到主线中时删除每个分支。
• 一次性实验。创建一个分支进行实验，意识到它不会工作，只是删除它 - 放弃工作，没有人看到它（即使你推送其他分支机构）

个人理解：git的使用中我们可以随时回退和查看之前的某一代码版本（前提是曾提交到过代码仓库）以及看每一次版本之前的变化痕迹。初次之外还有一个极大优点，即上面提到的分支结构，可以多次尝试不同的分支并记录结构，之后可按需求进行比较选择。而且这样的话，对代码的过程有很明显的追踪，在维护的时候也很高效。

常用命令

命令	示例	描述
git init	~	执行git init,当前目录下多一个.git的目录，这个目录是Git来跟踪管理版本
git add	git add test.js	添加add后的文件到暂存区里面去
git commit	git commit -m '注释'	把文件提交到仓库
git status	~	查看结果
git diff	git diff test.js	查看修改了什么内容
git checkout	git checkout -- file	可以丢弃工作区的修改
git reset	git reset –hard HEAD^	直接恢复到上一个版本
git log	~	显示从最近到最远的显示日志

---

问题解析和思考过程

*Frequency Number需求：
我想要一个nodejs小程序，它可以帮我处理一段字符串信息，这段字符串信息是由英文单词组成，每两个单词之间有空格，处理结果也为一段字符串，这个字符串应该每行只显示一个单词和它的数量，并且按出现频率倒序排列

按TDD模式来：

• 分解任务，分出步骤

分解任务.PNG

• 实例化需求，写清需求细节

对于复杂问题，可能要一边写一边补充新的用例，但对于这种简单的题目，基本可以提前就想清楚用什么用例驱动去什么产品代码。
大概可以想到如下的用例：
"" => ""
"he" => "he 1"，一个单词，驱动出格式化字符串的代码
"he is" => "he 1\r\nis 1"，两个不同单词，驱动出分割单词的代码
"he he is" => "he 2\r\nis 1"，有相同单词，驱动出分组代码
"he is is" => "is 2\r\nhe 1"，驱动出分组后的排序代码
"he is" => "he 1\r\nis 1"，多个空格，完善分割单词的代码

后面的步骤按TDD模式走下去，注意重构。在webstrom下本次测试用到的intellij的快捷使用方式已在另一篇文章中列了出来。WebStrom---IntelliJ快捷简单使用

---

测试+实现代码

/*
* jasmineTest.js  @Lizexin
*/
describe("Word Frequency", function () {
    it("returns empty string given empty string", function () {
        var result = main('');
        expect(result).toEqual('');

    });

    it("returns string given one word", function () {
        var result = main('he');
        expect(result).toEqual('he 1');

    });

    it("returns string given two different word", function () {
        var result = main('he is');
        expect(result).toEqual('he 1\r\nis 1');

    });

    it("returns string given two duplicated word", function () {
        var result = main('he is he');
        expect(result).toEqual('he 2\r\nis 1');

    });

    it("returns string given two duplicated words need to be sorted", function () {
        var result = main('he is is');
        expect(result).toEqual('is 2\r\nhe 1');

    });

    it("returns string given two duplicated words splited by multiple spaces", function () {
        var result = main('he     is');
        expect(result).toEqual('he 1\r\nis 1');

    });
    it("returns string given long string splited by multiple spaces", function () {
        var result = main('it was the age of wisdom it was the age of foolishness it is');
        expect(result).toEqual('it 3\r\nwas 2\r\nthe 2\r\nage 2\r\nof 2\r\nwisdom 1\r\nfoolishness 1\r\nis 1');
        document.write("result:"+"
"+result);
    });


});

/*
* test.js  @Lizexin
*/
var formatWordAndCount = function (word, count) {
    return word +
        ' ' +
        count;
};
var group = function (wordArray) {
    return wordArray.reduce((array,word)=>{
            let entry = array.find((e)=> e.word === word);//找对象
                if(entry){
                    entry.count++;
                }else{
                    array.push({word:word , count:1});
                }
                return array;
        },[]);
};
var split = function (words) {
    return words.split(/\s+/);
};
var sort = function (groupWords) {
    groupWords.sort((x, y) => y.count - x.count);
};

var format = function (groupWords) {
    return groupWords.map((e) => formatWordAndCount(e.word, e.count)).join('\r\n');
};
function main(words){
    if(words !== ''){
        let wordArray=split(words);
        let groupWords = group(wordArray);
        sort(groupWords);
        return format(groupWords);
    }
    return ''
}

---

附件说明

提交过程：

Git.PNG

远程库：

GitHub.PNG

Chrome输出:

输出结果.PNG

---

感谢您花费时间阅读这篇分享，欢迎您的分享和宝贵意见，祝您阅读愉快！

作者 李泽鑫
2017年 4月 18日