續(xù)前文JavaScript實(shí)現(xiàn)ZLOGO子集: 前進(jìn)+轉(zhuǎn)向. 在添加新功能之前, 先添加測試用例, 以應(yīng)對日益復(fù)雜的代碼.

選擇使用QUnit編寫運(yùn)行測試用例. 暫時(shí)對比較復(fù)雜和I/O無關(guān)的部分進(jìn)行測試.

一是代碼分析部分: Antlr通過生成的分析器和定制的監(jiān)聽器, 對原始代碼進(jìn)行分析和生成指令序列的部分. 下面是對循環(huán)進(jìn)行測試的一個(gè)用例:

QUnit.test( "分析_循環(huán)_前進(jìn)1", function( assert ) {assert.deepEqual(分析("開始\n循環(huán)2次\n前進(jìn)50\n到此為止\n結(jié)束\n").返回指令序列(),[{名稱: 常量_指令名_前進(jìn), 參數(shù): 50},{名稱: 常量_指令名_前進(jìn), 參數(shù): 50}],"循環(huán)2次通過!" ); });

"生成路徑表"將指令序列轉(zhuǎn)換成路點(diǎn)序列(經(jīng)過的轉(zhuǎn)折點(diǎn)), 其中一個(gè)測試用例如下:

QUnit.test( "生成路徑表_前進(jìn)_左轉(zhuǎn)_前進(jìn)", function( assert ) {assert.deepEqual(生成路徑表([{名稱: 常量_指令名_前進(jìn), 參數(shù): 50},{名稱: 常量_指令名_轉(zhuǎn)向, 參數(shù): 90},{名稱: 常量_指令名_前進(jìn), 參數(shù): 50}], 初始前進(jìn)角度),[{起點(diǎn): 路點(diǎn)0, 終點(diǎn): 路點(diǎn)1, 長度: 50},{起點(diǎn): 路點(diǎn)1, 終點(diǎn): 路點(diǎn)2, 長度: 50}],"通過!" ); });

添加測試的過程中, 再次感受代碼封裝的重要性. 在測試目標(biāo)接口中, DOM操作都需避免(比如document, window).

雖然已經(jīng)添加了多層循環(huán)的代碼分析部分測試用例, 但在實(shí)現(xiàn)時(shí), 感覺需要語法樹以便于支持更復(fù)雜的語法. 另外在現(xiàn)在的代碼里, 已經(jīng)開始需要拆分模塊("定制監(jiān)聽器"比較雜亂).

下面需要調(diào)研語法樹相關(guān)的JS庫, 比如: ajaxorg/treehugger

另外, 發(fā)現(xiàn)TypeScript也可以利用Antlr: Creating ANTLR Applications in TypeScript - Dangl.Blog();

轉(zhuǎn)載于:https://www.cnblogs.com/program-in-chinese/p/10481029.html

總結(jié)

以上是生活随笔為你收集整理的2017-12-09 JavaScript实现ZLOGO子集: 测试用例的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。