How to use checkTexts method in Appium Xcuitest Driver

Best JavaScript code snippet using appium-xcuitest-driver

h5.core.view_binding.js

Source:h5.core.view_binding.js

...122 * @param {Array} expectAry 結果予想配列123 * @param {String} message テストメッセージ124 * @param {String} [selector='li'] チェックする要素のセレクタ。デフォルトはli。125 */126 function checkTexts(expectAry, message, selector) {127 var sel = selector ? selector : 'li';128 var textList = [];129 // 要素を取得するときに記述されている順番通りになるように取得する130 function makeTextList(root) {131 var node = root.firstChild;132 while (node) {133 //1 === NodeType.ELEMENT_NODE134 if (node.nodeType === 1) {135 if ($(node).is(sel)) {136 textList.push($(node).text());137 } else {138 makeTextList(node);139 }140 }141 node = node.nextSibling;142 }143 }144 makeTextList($('#dataBindTest')[0]);145 deepEqual(textList, expectAry, message);146 }147148 // =========================================================================149 //150 // Test Module151 //152 // =========================================================================153154 //=============================155 // Definition156 //=============================157158 module('バインド');159160 //=============================161 // Body162 //=============================163 test('data-h5-bind属性に指定した名前のプロパティがバインドできること', function() {164 view.append($fixture, 'bindTest1');165 view.bind($('#dataBindTest', $fixture), {166 test: 'abc',167 test2: 'abcd'168 });169 strictEqual($('#dataBindTest>span').text(), 'abc', 'data-h5-bind指定した要素に値が表示されていること');170 strictEqual($('#dataBindTest>p').text(), 'abcd', 'data-h5-bind指定した要素に値が表示されていること');171 strictEqual($('#dataBindTest>div>pre').text(), 'abcd', 'data-h5-bind指定した要素に値が表示されていること');172 });173174 test('data-h5-bind属性の指定してある要素自体にバインドできること', 1, function() {175 view.append($fixture, 'bindSpan');176 view.bind($fixture.find('span'), {177 test: 'test'178 });179 strictEqual($fixture.find('span').text(), 'test', 'data-h5-bind属性を指定している要素自体にバインドされていること');180 });181182 test('コンテキストに定義されているプロパティ名を持つデータをバインドする', function() {183 view.append($fixture, 'simple');184 view.bind($('#dataBindTest'), {185 test: 'abc'186 });187 strictEqual($('#dataBindTest>span').text(), 'abc', 'data-h5-bind指定した要素の値が書き変わること');188 });189190 test('コンテキストに定義されていないプロパティ名を持つデータをバインドする', function() {191 view.append($fixture, 'simple');192193 view.bind($('#dataBindTest'), {194 test2: 'abcd'195 });196197 strictEqual($('#dataBindTest>span').text(), '', 'データが空の状態でバインドされること(nullのときと同じ)');198 });199200 // TODO Array型とObject型のバインドに対するテストは後で追加する201 test('null, undefined, String, Numberが、それぞれ表示されること', function() {202 var func = function() {203 return;204 };205206 view.append($fixture, 'variableType');207 view.bind('#dataBindTest', {208 dataNull: null,209 dataUndef: undefined,210 dataStr: 'abc',211 dataNum: -1234.567,212 dataNaN: NaN,213 dataInf: Infinity,214 dataMInf: -Infinity,215 dataFunc: func216 });217 var exp = ['', '', 'abc', '-1234.567', 'NaN', 'Infinity', '-Infinity', ''];218 checkTexts(exp, 'data-h5-bind指定した要素に値が表示されていること', 'span');219 });220221 test('HTML文字列を含むような文字列をテキストノードにバインドできること', 2, function() {222 view.append($fixture, 'simple');223224 var str = '<a href="aa"></a><!--aa-->';225 view.bind($fixture.find('span'), {226 test: str227 });228 strictEqual($fixture.find('span').text(), str, 'バインドした値が表示されていること');229 strictEqual($fixture.find('a').length, 0, 'バインドした文字列にHTMLタグが含まれていても、テキストノード扱いになっていること');230 });231232 test('複数要素にバインドできること', 2, function() {233 view.append($fixture, 'bindSpan');234 view.append($fixture, 'bindSpan');235 try {236 view.bind($fixture.find('span'), {237 test: 'test'238 });239240 equal($('#qunit-fixture>span:first').text(), 'test');241 equal($('#qunit-fixture>span:last').text(), 'test');242 } catch (e) {243 ok(false, 'エラーが発生したためテスト失敗。');244 }245 });246247 test('バインドする要素が存在しない場合は、エラーになること', 3, function() {248 var args = [$fixture.find('#noExist'), '#noExist', $([])];249 for (var i = 0, l = args.length; i < l; i++) {250 try {251 view.bind(args[i], {252 test: 'test'253 });254 ok(false, 'テスト失敗。エラーが発生していません。');255 } catch (e) {256 strictEqual(e.code, ERR_VIEW.ERR_CODE_BIND_INVALID_TARGET, e.message);257 }258 }259 });260261 test('バインドする要素の指定方法はjQueryオブジェクト、DOM、セレクタのいずれかであること', function() {262 view.append($fixture, 'bindSpan');263 var strs = ['jQueryオブジェクト', 'DOM', 'セレクタ'];264 var arg = null;265266 for (var i = 0, l = strs.length; i < l; i++) {267 switch (i) {268 case 0:269 arg = $fixture.find('span');270 break;271 case 1:272 arg = $fixture.find('span')[0];273 break;274 case 2:275 arg = '#qunit-fixture>span';276 break;277 }278 var binding = view.bind(arg, {279 test: i280 });281 equal($fixture.find('span').text(), i, strs[i] + 'を引数に指定できること');282283 binding.unbind();284 }285 });286287 test('バインドする要素の指定に不正な値を渡すとエラーになること', function() {288 view.append($fixture, 'bindSpan');289 var invalids = [$(), null, undefined];290 for (var i = 0, l = invalids.length; i < l; i++) {291 try {292 view.bind(invalids[i], {293 test: i294 });295 ok(false, 'テスト失敗。エラーが発生していません。' + invalids[i]);296 } catch (e) {297 strictEqual(e.code, ERR_VIEW.ERR_CODE_BIND_INVALID_TARGET, e.message);298 }299 }300 });301302 test('バインド指定するものがオブジェクトでない場合はエラーになること', function() {303 view.append($fixture, 'bindSpan');304 /** @type Any */305 var args = [null, undefined, [{}], 1, 'abc', true];306 for (var i = 0, l = args.length; i < l; i++) {307 try {308 view.bind($fixture.find('span'), args[i]);309 ok(false, 'テスト失敗。エラーが発生していません。' + args[i]);310 } catch (e) {311 strictEqual(e.code, ERR_VIEW.ERR_CODE_BIND_CONTEXT_INVALID, e.message);312 }313 }314 });315 //=============================316 // Definition317 //=============================318 module('オブジェクトのバインド');319320 //=============================321 // Body322 //=============================323 test('バインドするオブジェクトの入れ子関係を表せること', function() {324 view.append($fixture, 'objectNest');325 view.bind('#dataBindTest', {326 test: 'TEST',327 obj: {328 test: 'OBJ.TEST',329 test2: 'OBJ.TEST2',330 obj: {331 test: 'OBJ.OBJ.TEST'332 }333 }334 });335336 var result = ['TEST', '', 'OBJ.TEST', 'OBJ.TEST2', 'OBJ.OBJ.TEST', ''];337 $('#dataBindTest span').each(function(i) {338 strictEqual($(this).text(), result[i], 'data-h5-bind指定した要素に値が表示されていること。' + result[i]);339 });340 });341342 test('テキスト・HTML・属性・スタイル・クラスにnullをバインドする', function() {343 view.append($fixture, 'object1');344 view.bind('#dataBindTest', {345 obj: null346 });347348 var $span = $fixture.find('#dataBindTest span');349 strictEqual($span.text(), '', 'text:空文字が設定されていること');350 strictEqual($span.attr('id'), undefined, 'attr:削除されていること');351 strictEqual($span[0].style.color, '', 'style:何も設定されていないこと');352 strictEqual($span[0].className, '', 'class:何も設定されていないこと');353 });354355 test('値が既に設定されているテキスト・HTML・属性・スタイル・クラスにnullをバインドする', function() {356 view.append($fixture, 'object2');357 view.bind('#dataBindTest', {358 obj: null359 });360361 var $span = $fixture.find('#dataBindTest span');362 strictEqual($span.text(), '', 'text:空文字が設定されていること');363 strictEqual($span.attr('id'), undefined, 'attr:削除されていること');364 strictEqual($span[0].style.color, '', 'style:何も設定されていないこと');365 strictEqual($span.attr('class'), 'hoge', 'バインド開始前に設定されていた値に戻ること');366 });367368 test('一つの要素にtextとhtmlのプロパティをバインドする', function() {369 view.append($fixture, 'object3');370 view.bind('#dataBindTest', {371 v1: 'v1',372 v2: 'v2'373 });374 var $span = $fixture.find('span');375 strictEqual($span.html(), 'v2', '複数のプロパティをhtml,textで指定した場合、一番最後に指定したものがバインドされること');376 });377378 test('クラスに既に設定されている値と同じ値をバインドする', function() {379 view.append($fixture, 'object4');380 view.bind('#dataBindTest', {381 v1: 'c2'382 });383 var $span = $fixture.find('span');384 strictEqual($span[0].className, 'c1 c2 c3', '同じクラスが重複して設定されないこと');385 });386387 //=============================388 // Definition389 //=============================390 module('配列のバインド');391392 //=============================393 // Body394 //=============================395396 test('配列をバインドできること', 1, function() {397 var items = [{398 test: 'a'399 }, {400 test: 'b'401 }];402 view.append($fixture, 'loopContext1');403 view.bind($('#dataBindTest'), {404 test: 'aaa',405 items: items406 });407408 var result = ['a', 'b'];409 checkTexts(result, 'data-h5-bind指定した要素に値が表示されていること');410 });411412 test('空配列をバインドできること', 1, function() {413 view.append($fixture, 'loopContext1');414 view.bind($('#dataBindTest'), {415 items: []416 });417418 strictEqual($('#dataBindTest li').length, 0, '繰り返される要素が一つもないこと');419 });420421 test('data-h5-loop-contextに配列、ObservableArray以外のものをバインドした場合はエラーになること', function() {422 var noArys = [{}, $(), function() {/* no code */}];423 var l = noArys.length;424 for (var i = 0; i < l; i++) {425 view.append($fixture, 'loopContext1');426 try {427 view.bind($('#dataBindTest'), {428 test: 'aaa',429 items: noArys[i]430 });431 ok(false, 'テスト失敗。エラーが発生してません' + noArys[i]);432 } catch (e) {433 strictEqual(e.code, ERR_VIEW.ERR_CODE_INVALID_CONTEXT_SRC, e.message);434 }435 $fixture.find('div').remove();436 }437438 try {439 view.bind($('#dataBindTest'), {440 test: 'aaa'441 });442 ok(false, 'テスト失敗。指定無しでエラーが発生してません');443 } catch (e) {444 strictEqual(e.code, ERR_VIEW.ERR_CODE_BIND_INVALID_TARGET, e.message);445 }446447 expect(l + 1);448 });449450 test('配列の要素のオブジェクトがさらに配列を持つ場合バインドできること', function() {451 var ary = [{452 test: 'A',453 ary: [{454 test: 'A-A'455 }]456 }, {457 test: 'B',458 ary: [{459 test: 'B-A'460 }, {461 test: 'B-B'462 }]463 }];464465 view.append($fixture, 'loopContext2');466 view.bind($('#dataBindTest'), {467 items: ary468 });469470 strictEqual($('#dataBindTest>ul>li:eq(0)').text(), 'A', 'バインドされていること');471 strictEqual($('#dataBindTest>ul>li:eq(1)>ul:first>li:eq(0)').text(), 'A-A', 'バインドされていること');472 strictEqual($('#dataBindTest>ul>li:eq(1)>ul:first>li').length, 1,473 'loop-contextに指定した配列のサイズと同数、DOMが生成されていること');474 strictEqual($('#dataBindTest>ul>li:eq(2)').text(), 'B', 'バインドされていること');475 strictEqual($('#dataBindTest>ul>li:eq(3)>ul:first>li:eq(0)').text(), 'B-A', 'バインドされていること');476 strictEqual($('#dataBindTest>ul>li:eq(3)>ul:first>li:eq(1)').text(), 'B-B', 'バインドされていること');477 strictEqual($('#dataBindTest>ul>li:eq(3)>ul:first>li').length, 2,478 'loop-contextに指定した配列のサイズと同数、DOMが生成されていること');479 });480481 test('循環参照を持つ配列をバインドできること', function() {482 var ary = [{483 test: 'A',484 ary: [{485 test: 'A'486 }]487488 }, {489 test: 'B',490 ary: [{491 test: 'B-A'492 }, {493 test: 'B-B'494 }]495 }];496 ary[0].ary = ary;497 view.append($fixture, 'loopContext2');498 view.bind($('#dataBindTest'), {499 items: ary500 });501502 strictEqual($('#dataBindTest>ul>li:eq(0)').text(), 'A', 'バインドされていること');503 strictEqual($('#dataBindTest>ul>li:eq(1)>ul>li:eq(0)').text(), 'A', 'バインドされていること');504 strictEqual($('#dataBindTest>ul>li:eq(1)>ul>li:eq(1)').text(), 'B', 'バインドされていること');505 strictEqual($('#dataBindTest>ul>li:eq(1)>ul>li').length, ary[0].ary.length,506 '配列の要素数分DOMが生成されること');507 strictEqual($('#dataBindTest>ul>li:eq(2)').text(), 'B', 'バインドされていること');508 strictEqual($('#dataBindTest>ul>li:eq(3)>ul>li:eq(0)').text(), 'B-A', 'バインドされていること');509 strictEqual($('#dataBindTest>ul>li:eq(3)>ul>li:eq(1)').text(), 'B-B', 'バインドされていること');510 strictEqual($('#dataBindTest>ul>li:eq(3)>ul>li').length, ary[1].ary.length,511 '配列の要素数分DOMが生成されること');512 });513514 //=============================515 // Definition516 //=============================517 module('ObservableArrayのバインド');518519 //=============================520 // Body521 //=============================522 test('ObservableArrayをバインドできること', function() {523 var items = h5.core.data.createObservableArray();524 items.copyFrom([{525 test: 'a'526 }, {527 test: 'b'528 }]);529530 view.append($fixture, 'loopContext1');531 view.bind($('#dataBindTest'), {532 test: 'aaa',533 items: items534 });535536 var result = ['a', 'b'];537 checkTexts(result, 'data-h5-bind指定した要素に値が表示されていること');538 });539540 test('空のObservableArrayをバインドできること', function() {541 var items = h5.core.data.createObservableArray();542 items.copyFrom([]);543544 view.append($fixture, 'loopContext1');545 view.bind($('#dataBindTest'), {546 test: 'aaa',547 items: items548 });549550 strictEqual($('#dataBindTest li').length, 0, '繰り返される要素が一つもないこと');551 });552553 test('中身がオブジェクトでないObservableArrayをバインドするとエラーになること', function() {554 var items = h5.core.data.createObservableArray();555 items.copyFrom([]);556557 /** @type Any */558 var noObjs = [1, 'a', [], [{}]];559560 var l = noObjs.length;561 for (var i = 0; i < l; i++) {562 view.append($fixture, 'loopContext1');563564 throws(function(enviroment) {565 view.bind($('#dataBindTest'), {566 items: [{567 test: 'a'568 }, noObjs[i], {569 test: 'b'570 }]571 });572 }, function(actual) {573 return ERR_VIEW.ERR_CODE_INVALID_CONTEXT_SRC === actual.code;574 }, 'コンテキストにArrayまたはObservableArrayを指定していないためエラーになること"');575576 $fixture.children().remove();577 }578 expect(l);579 });580581 test('ObservableItemを要素に持つObservableArrayをバインドできること', 1, function() {582 var items = h5.core.data.createObservableArray();583 var schema = {584 test: null585 };586 var item1 = h5.core.data.createObservableItem(schema);587 item1.set('test', 'aa');588 var item2 = h5.core.data.createObservableItem(schema);589 item2.set('test', 'bb');590591 items.copyFrom([item1, item2]);592593 view.append($fixture, 'loopContext1');594 view.bind($('#dataBindTest'), {595 items: items596 });597598 var result = ['aa', 'bb'];599 checkTexts(result, 'data-h5-bind指定した要素に値が表示されていること');600 });601602 test('循環参照を持つObservableArrayをバインドできること', function() {603 var ary = [{604 test: 'A',605 ary: [{606 test: 'A'607 }]608609 }, {610 test: 'B',611 ary: [{612 test: 'B-A'613 }, {614 test: 'B-B'615 }]616 }];617618 var oAry = h5.core.data.createObservableArray();619 oAry.copyFrom(ary);620621 oAry.get(0).ary = oAry;622 view.append($fixture, 'loopContext2');623 view.bind($('#dataBindTest'), {624 items: oAry625 });626627 strictEqual($('#dataBindTest>ul>li:eq(0)').text(), 'A', 'バインドされていること');628 strictEqual($('#dataBindTest>ul>li:eq(1)>ul>li:eq(0)').text(), 'A', 'バインドされていること');629 strictEqual($('#dataBindTest>ul>li:eq(1)>ul>li:eq(1)').text(), 'B', 'バインドされていること');630 strictEqual($('#dataBindTest>ul>li:eq(1)>ul>li').length, ary[0].ary.length,631 '配列の要素数分DOMが生成されること');632 strictEqual($('#dataBindTest>ul>li:eq(2)').text(), 'B', 'バインドされていること');633 strictEqual($('#dataBindTest>ul>li:eq(3)>ul>li:eq(0)').text(), 'B-A', 'バインドされていること');634 strictEqual($('#dataBindTest>ul>li:eq(3)>ul>li:eq(1)').text(), 'B-B', 'バインドされていること');635 strictEqual($('#dataBindTest>ul>li:eq(3)>ul>li').length, ary[1].ary.length,636 '配列の要素数分DOMが生成されること');637 });638639 test('h5-data-loop-contextにnulを指定する', 1, function() {640 view.append($fixture, 'loopContext1');641 view.bind($('#dataBindTest'), {642 items: null643 });644645 strictEqual($('#dataBindTest li').length, 0, '繰り返される要素が一つもないこと');646 });647648 //=============================649 // Definition650 //=============================651 var oAry = null;652653 var oAryInitValue = [{654 test: '初期値0'655 }, {656 test: '初期値1'657 }, {658 test: '初期値2'659 }];660661 module('ObservableArrayの変更検知 各メソッド', {662 setup: function() {663 oAry = h5.core.data.createObservableArray();664 oAry.copyFrom(oAryInitValue);665 view.append($fixture, 'loopContext1');666 view.bind($('#dataBindTest'), {667 items: oAry668 });669 },670 teardown: function() {671 oAry = null;672 }673 });674675 //=============================676 // Body677 //=============================678679 test('set', function() {680 //TODO テストケース改善681682 oAry.set(0, {683 test: 'a'684 });685 checkTexts(['a', '初期値1', '初期値2'], '既存値の上書きが反映されること');686687 oAry.set(0, {688 test: 'A'689 });690 oAry.set(1, {691 test: 'B'692 });693 oAry.set(3, {694 test: 'C'695 });696 checkTexts(['A', 'B', '初期値2', 'C'], '末尾にセットしてサイズが拡張された場合');697698 oAry.copyFrom([]);699 oAry.set(0, {700 test: 'x'701 });702 checkTexts(['x'], '空にした状態からセットした場合');703 });704705 test('copyFrom', function() {706 oAry.copyFrom([{707 test: 'a'708 }, {709 test: 'b'710 }]);711 var result = ['a', 'b'];712 checkTexts(result, '変更が反映されること');713714 oAry.copyFrom([]);715 checkTexts([], '中身を空にすると繰り返し要素がなくなること');716717 oAry.copyFrom([{718 test: 'AA'719 }]);720 checkTexts(['AA'], '空の状態から、空でない状態に変更した時、ビューに変更が反映されること');721 });722723 test('push', function() {724 oAry.push({725 test: 'a'726 });727 var result = ['初期値0', '初期値1', '初期値2', 'a'];728 checkTexts(result, '変更が反映されること');729730 oAry.push({731 test: 'b'732 }, {733 test: 'c'734 });735 result.push('b', 'c');736 checkTexts(result, '複数要素を引数に渡した場合も、変更が反映されること');737 });738739 test('pop', function() {740 oAry.pop();741 checkTexts(['初期値0', '初期値1'], '変更が反映されること');742743 oAry.pop();744 checkTexts(['初期値0'], '変更が反映されること');745746 oAry.pop();747 checkTexts([], '変更が反映されること');748 });749750 test('shift', function() {751 oAry.shift();752 checkTexts(['初期値1', '初期値2'], '変更が反映されること');753754 oAry.shift();755 checkTexts(['初期値2'], '変更が反映されること');756757 oAry.shift();758 checkTexts([], '変更が反映されること');759 });760761 test('unshift', function() {762 oAry.unshift({763 test: 'a'764 });765 var result = ['a', '初期値0', '初期値1', '初期値2'];766 checkTexts(result, '変更が反映されること');767768 oAry.unshift({769 test: 'c'770 }, {771 test: 'b'772 });773 result.unshift('c', 'b');774 checkTexts(result, '複数要素を引数に渡した場合も、変更が反映されること');775 });776777 test('splice', function() {778 oAry.splice(0, 1, {779 test: 'a'780 });781 var result = ['a', '初期値1', '初期値2'];782 checkTexts(result, '変更が反映されること');783784 oAry.splice(0, 1, {785 test: 'A'786 }, {787 test: 'B'788 }, {789 test: 'C'790 });791 result.splice(0, 1, 'A', 'B', 'C');792 checkTexts(result, '変更が反映されること');793794 oAry.splice(1, 2, {795 test: 'D'796 }, {797 test: 'E'798 });799 result.splice(1, 2, 'D', 'E');800 checkTexts(result, '変更が反映されること');801802 oAry.splice(0, 1);803 result.splice(0, 1);804 checkTexts(result, '変更が反映されること');805 });806807 test('sort', function() {808 oAry.unshift({809 test: '初期値3'810 });811812 oAry.sort(function(a, b) {813 return a.test > b.test ? 1 : -1;814 });815 checkTexts(['初期値0', '初期値1', '初期値2', '初期値3'], '変更が反映されること');816 });817818 test('reverse', function() {819 oAry.reverse();820 checkTexts(['初期値2', '初期値1', '初期値0'], '変更が反映されること');821 });822823824 test('バインドされているObservableArrayの中のObservableItemを変更すると、表示も書き変わること', function() {825 var schema = {826 test: null827 };828 var item1 = h5.core.data.createObservableItem(schema);829 var item2 = h5.core.data.createObservableItem(schema);830 item1.set('test', 'a');831 item2.set('test', 'b');832833 // oAryの中をitem1だけにする（初期値を消す)834 oAry.splice(0, oAry.length, item1);835 checkTexts(['a'], 'ObservableArrayにObservableItemをpushすると、ビューへ反映されること');836837 oAry.push(item2);838 checkTexts(['a', 'b'], 'ObservableItemの中身がビューへ反映されていること');839840 oAry.push({841 test: 'c'842 });843 checkTexts(['a', 'b', 'c'], '通常のオブジェクトの中身もビューへ反映されていること');844845 item1.set('test', 'A');846 checkTexts(['A', 'b', 'c'], 'ObservableItemの中身の変更がビューへ反映されていること');847 });848849850 //=============================851 // Definition852 //=============================853 module('ObservableArrayの変更検知');854855 //=============================856 // Body857 //=============================858 test('ObservableArrayの要素のオブジェクトが持つObservableArrayを変更した時ビューへ反映されること', function() {859 var innerOAry = h5.core.data.createObservableArray();860 innerOAry.copyFrom([{861 test: 'innerA',862 ary: []863 }]);864 var ary = [{865 test: 'a',866 ary: innerOAry867 }];868 var oAry = h5.core.data.createObservableArray();869 oAry.copyFrom(ary);870 view.append($fixture, 'loopContext2');871 view.bind($('#dataBindTest'), {872 items: oAry873 });874875 strictEqual($('#dataBindTest>ul>li:eq(0)').text(), 'a', 'バインドされていること');876 strictEqual($('#dataBindTest>ul>li:eq(1)>ul>li:eq(0)').text(), 'innerA', 'バインドされていること');877878 oAry.push({879 test: 'b',880 ary: []881 });882883 strictEqual($('#dataBindTest>ul>li:eq(2)').text(), 'b', 'バインドされていること');884 strictEqual($('#dataBindTest>ul>li:eq(3)>ui:first-child').length, 0,885 '空の配列を指定したので要素が生成されていないこと');886887 innerOAry.push({888 test: 'innerB'889 });890891 strictEqual($('#dataBindTest>ul>li:eq(1)>ul>li:eq(1)').text(), 'innerB', 'バインドされていること');892 });893894 test('循環参照を持つObservableArrayの中身を変更した時にビューへ反映されること',895 function() {896 var ary = [{897 test: 'A',898 ary: []899 }, {900 test: 'B',901 ary: [{902 test: 'B-A'903 }, {904 test: 'B-B'905 }]906 }];907 var oAry = h5.core.data.createObservableArray();908 oAry.copyFrom(ary);909 oAry.get(0).ary = oAry;910 view.append($fixture, 'loopContext2');911 view.bind($('#dataBindTest'), {912 items: oAry913 });914915 strictEqual($('#dataBindTest>ul>li:first').text(), 'A', '変更が反映されていること');916 strictEqual($('#dataBindTest>ul>li:eq(1)>ul:first>li:eq(0)').text(), 'A',917 '変更が反映されていること');918 strictEqual($('#dataBindTest>ul>li:eq(1)>ul:first>li:eq(1)').text(), 'B',919 '変更が反映されていること');920 strictEqual($('#dataBindTest>ul>li:eq(2)').text(), 'B', '変更が反映されていること');921 strictEqual($('#dataBindTest>ul>li:eq(3)>ul:first>li:eq(0)').text(), 'B-A',922 '変更が反映されていること');923 strictEqual($('#dataBindTest>ul>li:eq(3)>ul:first>li:eq(1)').text(), 'B-B',924 '変更が反映されていること');925926 oAry.splice(1, 1, {927 test: 'BB',928 ary: oAry929 });930931 strictEqual($('#dataBindTest>ul>li:first').text(), 'A', '変更が反映されていること');932 strictEqual($('#dataBindTest>ul>li:eq(1)>ul:first>li:eq(0)').text(), 'A',933 '変更が反映されていること');934 strictEqual($('#dataBindTest>ul>li:eq(1)>ul:first>li:eq(1)').text(), 'BB',935 '変更が反映されていること');936 strictEqual($('#dataBindTest>ul>li:eq(2)').text(), 'BB', '変更が反映されていること');937 strictEqual($('#dataBindTest>ul>li:eq(3)>ul:first>li:eq(0)').text(), 'A',938 '変更が反映されていること');939 strictEqual($('#dataBindTest>ul>li:eq(3)>ul:first>li:eq(1)').text(), 'BB',940 '変更が反映されていること');941 });942943 //=============================944 // Definition945 //=============================946 var testSchema = null;947 module('ObservableItem/DataItem', {948 setup: function() {949 var obj = {950 a: 'obj.a'951 };952 var oAry = h5.core.data.createObservableArray();953 oAry.copyFrom([1, 'b']);954 testSchema = {955 str: {956 type: 'string',957 defaultValue: 'abc'958 },959 num: {960 type: 'number',961 defaultValue: -123.45962 },963 obj: {964 defaultValue: obj965 },966 item: null,967 ary: {968 type: 'any',969 defaultValue: [{970 a: 'ary.1'971 }, {972 a: 'ary.2'973 }]974 },975 oAry: {976 type: 'any[]',977 defaultValue: [{978 a: 'oAry.1'979 }, {980 a: 'oAry.2'981 }]982 }983 };984 },985 teardown: function() {986 testSchema = null;987 }988 });989990 //=============================991 // Body992 //=============================993 test('バインドできること', 2, function() {994 var exp = ['abc', '-123.45', 'obj.a', 'abc', '-123.45', 'ary.1', 'ary.2', 'oAry.1',995 'oAry.2'];996 testDataItemObsItem(function(item, isDataItem) {997 var itemType = isDataItem ? 'DataItem' : 'ObservableItem';998 item.set('item', item);9991000 // バインド先の設定1001 $fixture.find('#dataBindTest').remove();1002 view.append($fixture, 'itemBind5');10031004 view.bind('#dataBindTest', item);10051006 checkTexts(exp, itemType + 'の中身がバインドされていること', 'span');1007 }, testSchema);1008 });10091010 test('循環参照を持っていてもバインドできること', 2, function() {1011 var exp = ['abc', '-123.45', 'obj.a', 'abc', '-123.45', 'ary.1', 'ary.2', 'oAry.1',1012 'oAry.2'];1013 testDataItemObsItem(function(item, isDataItem) {1014 var itemType = isDataItem ? 'DataItem' : 'ObservableItem';1015 item.set('item', item);10161017 // バインド先の設定1018 $fixture.find('#dataBindTest').remove();1019 view.append($fixture, 'itemBind5');1020 view.bind('#dataBindTest', item);10211022 checkTexts(exp, itemType + 'の中身がバインドされていること', 'span');1023 }, testSchema);1024 });10251026 test('オブジェクト内のObservableItem/DataItemをバインドできること', 2, function() {1027 testDataItemObsItem(function(item, isDataItem) {1028 var itemType = isDataItem ? 'DataItem' : 'ObservableItem';1029 item.set('item', item);10301031 // バインド先の設定1032 $fixture.find('#dataBindTest').remove();1033 view.append($fixture, 'itemBind5');10341035 // 一段ラップする1036 $('#dataBindTest').wrapInner('<div data-h5-context="item">');10371038 view.bind('#dataBindTest', {1039 item: item1040 });10411042 var exp = ['abc', '-123.45', 'obj.a', 'abc', '-123.45', 'ary.1', 'ary.2', 'oAry.1',1043 'oAry.2'];1044 checkTexts(exp, itemType + 'の中身がバインドされていること', 'span');1045 }, testSchema);1046 });10471048 //=============================1049 // Definition1050 //=============================1051 module('ObservableItem/DataItemの変更の適用', {1052 setup: function() {1053 testSchema = {1054 str: {1055 type: 'string',1056 defaultValue: 'abc'1057 },1058 num: {1059 type: 'number',1060 defaultValue: -123.451061 },1062 ary: {1063 type: 'any[]'1064 },1065 any: null1066 };1067 },1068 teardown: function() {1069 testSchema = null;1070 }1071 });10721073 //=============================1074 // Body1075 //=============================10761077 test('ObserbableArrayの中身を変更すると、変更結果がビューに反映されること', function() {1078 function createExpAry(oary) {1079 var ret = [];1080 for (var i = 0, l = oary.length; i < l; i++) {1081 var val = oary.get(i).test;1082 ret.push(val != null ? val.toString() : '');1083 }1084 return ret;1085 }1086 var oar = h5.core.data.createObservableArray();1087 oar.push({1088 test: 11089 });10901091 view.append($fixture, 'loopContext1');1092 view.bind($('#dataBindTest'), {1093 items: oar1094 });10951096 checkTexts(createExpAry(oar), 'li[i].text() == ObservableArray[i].test');10971098 // 値を追加する1099 oar.push({1100 test: 21101 });1102 checkTexts(createExpAry(oar), 'li[i].text() == ObservableArray[i].test');11031104 // nullを追加する1105 oar.push({1106 test: null1107 });1108 checkTexts(createExpAry(oar), 'li[i].text() == ObservableArray[i].test');11091110 // 値を取り出す1111 oar.pop();1112 checkTexts(createExpAry(oar), 'li[i].text() == ObservableArray[i].test');11131114 // 値の変更をキャンセルする1115 oar.addEventListener('changeBefore', function(ev) {1116 ev.preventDefault();1117 });1118 oar.pop();1119 checkTexts(createExpAry(oar),1120 'changeBeforeイベントをキャンセルしてObservableArrayの中身に変更がないので、ビューは変更されないこと');1121 });11221123 test('ObserbableItem/DataItemの中身を変更すると、ビューに反映されること', 4, function() {1124 testDataItemObsItem(function(item, isDataItem) {1125 var itemType = isDataItem ? 'DataItem' : 'ObservableItem';11261127 item.set({1128 str: 'AA',1129 num: 111130 });11311132 // バインド先の設定1133 $fixture.find('#dataBindTest').remove();1134 view.append($fixture, 'itemBind1');11351136 view.bind($('#dataBindTest'), item);1137 var result = ['AA', '11'];1138 checkTexts(result, itemType + ' data-h5-bind指定した要素に値が表示されていること', 'span');11391140 item.set({1141 str: 'BB',1142 num: 221143 });1144 result = ['BB', '22'];1145 checkTexts(result, itemType + ' 変更が反映されていること', 'span');1146 }, testSchema);1147 });11481149 test('ObserbableItem/DataItemが持つObservableArray要素の中身を変更すると、ビューに反映されること', 6, function() {1150 testDataItemObsItem(function(item, isDataItem) {1151 var itemType = isDataItem ? 'DataItem' : 'ObservableItem';11521153 item.set('ary', [{1154 test: 'ary[0]'1155 }, {1156 test: 'ary[1]'1157 }]);11581159 // バインド先の設定1160 $fixture.find('#dataBindTest').remove();1161 view.append($fixture, 'itemBind2');11621163 view.bind($('#dataBindTest'), item);1164 var result = ['ary[0]', 'ary[1]'];1165 checkTexts(result, itemType + ' data-h5-bind指定した要素に値が表示されていること', 'span');11661167 item.set('ary', [{1168 test: 'newAry[0]'1169 }]);1170 result = ['newAry[0]'];1171 checkTexts(result, itemType + ' setで変更した時に反映されていること', 'span');11721173 // ObservableArrayのメソッドで配列を変更1174 item.get('ary').push({1175 test: 'newAry[1]'1176 });1177 result.push('newAry[1]');1178 checkTexts(result, itemType + ' メソッド操作による変更があった時に反映されていること', 'span');1179 }, testSchema);1180 });11811182 test('ObserbableItem/DataItemが持つtype:anyの要素に格納されたObservableItem/DataItemが、ビューに反映されること', 8,1183 function() {1184 testDataItemObsItem(function(item, isDataItem) {1185 var itemType = isDataItem ? 'DataItem' : 'ObservableItem';11861187 // itemに持たせるItemの作成1188 var item2 = {};1189 var item3 = { // 通常オブジェクト1190 str: 'c',1191 num: 31192 };1193 var item4 = {};1194 if (isDataItem) {1195 item2 = item.getModel().create({1196 id: 'item2',1197 str: 'b',1198 num: 21199 });1200 item4 = item.getModel().create({1201 id: 'item4',1202 str: 'd',1203 num: 41204 });1205 } else {1206 item2 = h5.core.data.createObservableItem(testSchema);1207 item4 = h5.core.data.createObservableItem(testSchema);1208 item2.set({1209 str: 'b',1210 num: 21211 });1212 item4.set({1213 str: 'd',1214 num: 41215 });1216 }1217 item.set({1218 str: 'a',1219 num: 1,1220 any: item21221 });12221223 // バインド先の設定1224 $fixture.find('#dataBindTest').remove();1225 view.append($fixture, 'itemBind3');12261227 view.bind($('#dataBindTest'), item);1228 var result = ['a', '1', 'b', '2'];1229 checkTexts(result, itemType + ' data-h5-bind指定した要素に値が表示されていること', 'span');12301231 // バインドしたアイテムが持つアイテムを変更1232 item2.set({1233 str: 'bb',1234 num: 221235 });1236 result = ['a', '1', 'bb', '22'];1237 checkTexts(result, itemType + ' setで変更した時に反映されていること', 'span');12381239 // バインドしたアイテムが持つアイテムを通常オブジェクトに変更1240 item.set('any', item3);1241 result = ['a', '1', 'c', '3'];1242 checkTexts(result, itemType + ' setで変更した時に反映されていること', 'span');12431244 // バインドしたアイテムが持つアイテムを別のアイテムに変更1245 item.set('any', item4);1246 result = ['a', '1', 'd', '4'];1247 checkTexts(result, itemType + ' setで変更した時に反映されていること', 'span');1248 }, testSchema);1249 });12501251 test('ObserbableItem/DataItemが持つtype:anyの要素に格納された配列、ObservableArrayが、ビューに反映されること', 10,1252 function() {1253 testDataItemObsItem(function(item, isDataItem) {1254 var itemType = isDataItem ? 'DataItem' : 'ObservableItem';12551256 var obsArray = h5.core.data.createObservableArray();1257 obsArray.copyFrom([{1258 test: 'ary[0]'1259 }, {1260 test: 'ary[1]'1261 }]);1262 item.set({1263 any: obsArray1264 });12651266 // バインド先の設定1267 $('#dataBindTest').remove();1268 view.append($fixture, 'itemBind4');12691270 view.bind('#dataBindTest', item);1271 var result = ['ary[0]', 'ary[1]'];1272 checkTexts(result, itemType + ' data-h5-bind指定した要素に値が表示されていること', 'span');12731274 // ObservableArrayのメソッドで配列を変更1275 item.get('any').push({1276 test: 'newAry[1]'1277 });1278 result.push('newAry[1]');1279 checkTexts(result, itemType + ' メソッド操作による変更があった時に反映されていること', 'span');12801281 // 別の配列インスタンスに変更1282 item.set('any', [{1283 test: 'otherAry[0]'1284 }, {1285 test: 'otherAry[1]'1286 }]);1287 result = ['otherAry[0]', 'otherAry[1]'];1288 checkTexts(result, itemType + ' 別の配列インスタンスに変更した時に反映されていること', 'span');12891290 // 別のObservableArrayインスタンスに変更1291 var oAry = h5.core.data.createObservableArray();1292 oAry.copyFrom([{1293 test: 'otherOAry[0]'1294 }]);1295 item.set('any', oAry);1296 result = ['otherOAry[0]'];1297 checkTexts(result, itemType + ' 別のObservableArrayインスタンスに変更した時に反映されていること',1298 'span');12991300 // ObservableArrayのメソッドで配列を変更1301 oAry.push({1302 test: 'otherOAry[1]'1303 });1304 result = ['otherOAry[0]', 'otherOAry[1]'];1305 checkTexts(result, itemType + ' 差し替え後のObservableArrayの中身を変更した時に反映されていること',1306 'span');13071308 }, testSchema);1309 });13101311 //=============================1312 // Definition1313 //=============================1314 module('DataItem/ObservableItemが保持するObservableArrayに対する変更', {1315 setup: function() {1316 var schema = {1317 id: {1318 id: true1319 },1320 ary: {1321 type: 'any[]'1322 },1323 ary2: {1324 type: 'any'1325 }1326 };1327 this.testDataModelManager = h5.core.data.createManager('TestManager');1328 this.testDataModel = this.testDataModelManager.createModel({1329 name: 'TestModel',1330 schema: schema1331 });1332 this.testDataItem = this.testDataModel.create({1333 id: '1'1334 });13351336 this.testObsItem = h5.core.data.createObservableItem(schema);1337 },1338 teardown: function() {1339 $('#dataBindTest').remove();1340 this.testDataModel.remove('1');1341 this.testDataModelManager.dropModel(this.testDataModel);1342 this.testDataModel = null;1343 this.testDataItem = null;1344 this.testObsItem = null;1345 },1346 testDataModelManager: null,1347 testDataModel: null,1348 testDataItem: null,1349 testObsItem: null1350 });13511352 //=============================1353 // Body1354 //=============================1355 test(1356 'type:any[]に格納されたObservableArrayをDataItem#set()で更新する',1357 function() {1358 function testFunc(item) {1359 var name = item.getModel ? 'DataItem' : 'ObservableItem';1360 view.append($fixture, 'itemBind7');13611362 // 初期値を設定1363 var oar = h5.core.data.createObservableArray();1364 oar.push({1365 test: 'AAAA'1366 });1367 item.set('ary', oar);13681369 var binding = view.bind($('#dataBindTest'), {1370 item: item1371 });13721373 // loop-contextをnullで更新1374 item.set('ary', null);1375 equal($('#dataBindTest .loop1').length, 0, name1376 + ': ObservableArrayの変更がビューに反映されていること');13771378 // loop-contextを別のObsArrayで更新1379 var oar2 = h5.core.data.createObservableArray();1380 oar2.push({1381 test: 101382 }, {1383 test: 201384 });1385 item.set('ary', oar2);1386 checkTexts(['10', '20'], name + ': ObservableArrayの内容がビューに反映されていること', '.loop1');13871388 binding.unbind();1389 $('#dataBindTest').remove();1390 }13911392 testFunc(this.testDataItem);1393 testFunc(this.testObsItem);1394 });13951396 test(1397 'type:anyに格納されたObservableArrayをDataItem#set()で更新する',1398 function() {1399 function testFunc(item) {1400 var name = item.getModel ? 'DataItem' : 'ObservableItem';1401 view.append($fixture, 'itemBind7');14021403 // 初期値を設定1404 var oar = h5.core.data.createObservableArray();1405 oar.push({1406 test: 'AAAA'1407 });1408 item.set('ary2', oar);14091410 var binding = view.bind($('#dataBindTest'), {1411 item: item1412 });14131414 // loop-contextをnullで更新1415 item.set('ary2', null);1416 equal($('#dataBindTest .loop2').length, 0, name1417 + ': ObservableArrayの変更がビューに反映されていること');14181419 // loop-contextを別のObsArrayで更新1420 var oar2 = h5.core.data.createObservableArray();1421 oar2.push({1422 test: 101423 }, {1424 test: 201425 });1426 item.set('ary2', oar2);1427 checkTexts(['10', '20'], name + ': ObservableArrayの内容がビューに反映されていること', '.loop2');14281429 binding.unbind();1430 $('#dataBindTest').remove();1431 }14321433 testFunc(this.testDataItem);1434 testFunc(this.testObsItem);1435 });14361437 test('copyFrom()', function() {1438 function testFunc(item) {1439 var name = item.getModel ? 'DataItem' : 'ObservableItem';1440 view.append($fixture, 'itemBind7');14411442 var binding = view.bind($('#dataBindTest'), {1443 item: item1444 });14451446 var oar = item.get('ary');1447 equal(oar.length, 0, name + ': ObservableArrayには何も格納されていないこと。');14481449 oar.copyFrom([{1450 test: 'a'1451 }, {1452 test: 'b'1453 }, {1454 test: 'c'1455 }]);1456 checkTexts(['a', 'b', 'c'], name + ': ObservableArrayの内容がビューに反映されていること', 'span');14571458 oar.copyFrom([{1459 test: 'a'1460 }]);1461 equal($('#dataBindTest span').text(), oar.get(0).test, name1462 + ': ObservableArrayの内容がビューに反映されていること');14631464 binding.unbind();14651466 oar.copyFrom([{1467 test: 'A'1468 }, {1469 test: 'B'1470 }, {1471 test: 'C'1472 }]);1473 equal($('#dataBindTest span').text(), 'a', name1474 + ': unbind()後ObservableArrayに変更を加えてもビューは更新されないこと');14751476 $('#dataBindTest').remove();1477 }1478 testFunc(this.testDataItem);1479 testFunc(this.testObsItem);1480 });14811482 test('push()', function() {1483 function testFunc(item) {1484 var name = item.getModel ? 'DataItem' : 'ObservableItem';1485 view.append($fixture, 'itemBind7');14861487 var binding = view.bind($('#dataBindTest'), {1488 item: item1489 });14901491 item.addEventListener('change', function(ev) {1492 ok(true, 'アイテムのchangeイベントが発生すること');1493 });14941495 var oar = item.get('ary');14961497 equal(oar.length, 0, name + ': ObservableArrayには何も格納されていないこと。');1498 oar.push({1499 test: 'AAA'1500 });15011502 equal($('#dataBindTest span').text(), 'AAA', name1503 + ': ObservableArrayの内容がビューに反映されていること');15041505 oar.push({1506 test: 'BBB'1507 });15081509 checkTexts(['AAA', 'BBB'], name + ': ObservableArrayの内容がビューに反映されていること', 'span');15101511 oar.push({1512 test: 'CCC'1513 });15141515 checkTexts(['AAA', 'BBB', 'CCC'], name + ': ObservableArrayの内容がビューに反映されていること', 'span');15161517 binding.unbind();15181519 oar.push({1520 test: 'DDD'1521 });15221523 checkTexts(['AAA', 'BBB', 'CCC'], name1524 + ': unbind()後ObservableArrayに変更を加えてもビューは更新されないこと', 'span');15251526 $('#dataBindTest').remove();1527 }1528 testFunc(this.testDataItem);1529 testFunc(this.testObsItem);1530 });15311532 test('pop()', function() {1533 function testFunc(item) {1534 var name = item.getModel ? 'DataItem' : 'ObservableItem';1535 view.append($fixture, 'itemBind7');1536 var binding = view.bind($('#dataBindTest'), {1537 item: item1538 });15391540 item.addEventListener('change', function(ev) {1541 ok(true, 'アイテムのchangeイベントが発生すること');1542 });15431544 item.set('ary', [{1545 test: 'a'1546 }, {1547 test: 'b'1548 }, {1549 test: 'c'1550 }, {1551 test: 'd'1552 }]);1553 var oar = item.get('ary');15541555 checkTexts(['a', 'b', 'c', 'd'], name + ': ObservableArrayの内容がビューに反映されていること', 'span');15561557 oar.pop();1558 checkTexts(['a', 'b', 'c'], name + ': ObservableArrayの内容がビューに反映されていること', 'span');15591560 oar.pop();1561 checkTexts(['a', 'b'], name + ': ObservableArrayの内容がビューに反映されていること', 'span');15621563 oar.pop();1564 checkTexts(['a'], name + ': ObservableArrayの内容がビューに反映されていること', 'span');15651566 binding.unbind();15671568 oar.pop();1569 checkTexts(['a'], name + ': ObservableArrayの内容がビューに反映されていること', 'span');15701571 $('#dataBindTest').remove();1572 }1573 testFunc(this.testDataItem);1574 testFunc(this.testObsItem);1575 });15761577 test('shift()', function() {1578 function testFunc(item) {1579 var name = item.getModel ? 'DataItem' : 'ObservableItem';1580 view.append($fixture, 'itemBind7');1581 var binding = view.bind($('#dataBindTest'), {1582 item: item1583 });15841585 item.set('ary', [{1586 test: 'a'1587 }, {1588 test: 'b'1589 }, {1590 test: 'c'1591 }, {1592 test: 'd'1593 }]);1594 var oar = item.get('ary');15951596 checkTexts(['a', 'b', 'c', 'd'], name + ': set()で設定した値が格納されていること', 'span');15971598 oar.shift();1599 checkTexts(['b', 'c', 'd'], name + ': ObservableArrayの内容がビューに反映されていること', 'span');16001601 oar.shift();1602 checkTexts(['c', 'd'], name + ': ObservableArrayの内容がビューに反映されていること', 'span');16031604 oar.shift();1605 checkTexts(['d'], name + ': ObservableArrayの内容がビューに反映されていること', 'span');1606 binding.unbind();16071608 oar.shift();16091610 checkTexts(['d'], name + ': unbind()後ObservableArrayに変更を加えてもビューは更新されないこと', 'span');16111612 $('#dataBindTest').remove();1613 }1614 testFunc(this.testDataItem);1615 testFunc(this.testObsItem);1616 });16171618 test('unshift()', function() {1619 function testFunc(item) {1620 var name = item.getModel ? 'DataItem' : 'ObservableItem';1621 view.append($fixture, 'itemBind7');1622 var binding = view.bind($('#dataBindTest'), {1623 item: item1624 });16251626 var oar = item.get('ary');16271628 equal(oar.length, 0, name + ': ObservableArrayには何も格納されていないこと。');1629 oar.unshift({1630 test: 'a'1631 });1632 checkTexts(['a'], name + ': ObservableArrayの内容がビューに反映されていること', 'span');16331634 oar.unshift({1635 test: 'b'1636 });1637 checkTexts(['b', 'a'], name + ': ObservableArrayの内容がビューに反映されていること', 'span');16381639 oar.unshift({1640 test: 'c'1641 });1642 checkTexts(['c', 'b', 'a'], name + ': ObservableArrayの内容がビューに反映されていること', 'span');16431644 binding.unbind();16451646 oar.unshift({1647 test: 'd'1648 });1649 checkTexts(['c', 'b', 'a'], name + ': ObservableArrayの内容がビューに反映されていること', 'span');16501651 $('#dataBindTest').remove();1652 }1653 testFunc(this.testDataItem);1654 testFunc(this.testObsItem);1655 });16561657 test('splice()', function() {1658 function testFunc(item) {1659 var name = item.getModel ? 'DataItem' : 'ObservableItem';1660 view.append($fixture, 'itemBind7');1661 var binding = view.bind($('#dataBindTest'), {1662 item: item1663 });16641665 var ar = [{1666 test: 'a'1667 }, {1668 test: 'b'1669 }, {1670 test: 'c'1671 }];16721673 item.set('ary', ar);1674 var oar = item.get('ary');16751676 checkTexts(['a', 'b', 'c'], name + ': set()で設定した値が格納されていること', 'span');16771678 oar.splice(1, 2);1679 checkTexts(['a'], name + ': ObservableArrayの内容がビューに反映されていること', 'span');16801681 var obj = {1682 test: 'AA'1683 };1684 oar.splice(0, 1, obj);1685 checkTexts(['AA'], name + ': ObservableArrayの内容がビューに反映されていること', 'span');16861687 binding.unbind();16881689 oar.splice(0, 1);1690 checkTexts(['AA'], name + ': ObservableArrayの内容がビューに反映されていること', 'span');16911692 $('#dataBindTest').remove();1693 }1694 testFunc(this.testDataItem);1695 testFunc(this.testObsItem);1696 });16971698 test('sort()', function() {1699 function testFunc(item) {1700 var name = item.getModel ? 'DataItem' : 'ObservableItem';1701 view.append($fixture, 'itemBind7');1702 var binding = view.bind($('#dataBindTest'), {1703 item: item1704 });17051706 item.set('ary', [{1707 test: 11708 }, {1709 test: 51710 }, {1711 test: 31712 }]);1713 var oar = item.get('ary');17141715 checkTexts(['1', '5', '3'], name + ': set()で設定した値が格納されていること', 'span');17161717 oar.sort(function(a, b) {1718 return a.test < b.test ? 1 : a.test > b.test ? -1 : 0;1719 });17201721 checkTexts(['5', '3', '1'], name + ': ObservableArrayの内容がビューに反映されていること', 'span');17221723 oar.sort(function(a, b) {1724 return a.test > b.test ? 1 : a.test < b.test ? -1 : 0;1725 });17261727 checkTexts(['1', '3', '5'], name + ': ObservableArrayの内容がビューに反映されていること', 'span');17281729 binding.unbind();17301731 oar.sort(function(a, b) {1732 return a.test < b.test ? 1 : a.test > b.test ? -1 : 0;1733 });1734 checkTexts(['1', '3', '5'], name + ': ObservableArrayの内容がビューに反映されていること', 'span');17351736 $('#dataBindTest').remove();1737 }1738 testFunc(this.testDataItem);1739 testFunc(this.testObsItem);1740 });17411742 test('reverse()', function() {1743 function testFunc(item) {1744 var name = item.getModel ? 'DataItem' : 'ObservableItem';1745 view.append($fixture, 'itemBind7');1746 var binding = view.bind($('#dataBindTest'), {1747 item: item1748 });17491750 item.set('ary', [{1751 test: 11752 }, {1753 test: 51754 }, {1755 test: 31756 }]);1757 var oar = item.get('ary');17581759 checkTexts(['1', '5', '3'], name + ': set()で設定した値が格納されていること', 'span');17601761 oar.reverse();17621763 checkTexts(['3', '5', '1'], name + ': ObservableArrayの内容がビューに反映されていること', 'span');17641765 binding.unbind();17661767 oar.reverse();1768 checkTexts(['3', '5', '1'], name + ': ObservableArrayの内容がビューに反映されていること', 'span');17691770 $('#dataBindTest').remove();1771 }1772 testFunc(this.testDataItem);1773 testFunc(this.testObsItem);1774 });17751776 test('beginUpdate/endUpdateでイベント制御されているときに、DataItemに属するObservableArrayを変更する', 2, function() {1777 var item = this.testDataItem;1778 view.append($fixture, 'itemBind7');17791780 // 初期値を設定1781 var oar = h5.core.data.createObservableArray();1782 oar.push({1783 test: 'A'1784 });1785 item.set('ary', oar);17861787 var binding = view.bind($('#dataBindTest'), {1788 item: item1789 });17901791 this.testDataModelManager.beginUpdate();1792 item.get('ary').push({1793 test: 'B'1794 });1795 checkTexts(['A'], 'beginUpdate()後の更新はObservableArrayの変更はビューに反映されないこと', '.loop1');1796 this.testDataModelManager.endUpdate();1797 checkTexts(['A', 'B'], 'endUpdateのタイミングでビューに反映されること', '.loop1');17981799 binding.unbind();1800 $('#dataBindTest').remove();1801 });180218031804 //=============================1805 // Definition1806 //=============================1807 var testBaseDataModel = null;1808 var testBaseDataItem = null;1809 var testDataModel2 = null;1810 var testDataItem2 = null;18111812 module('DataItemが保持するDataItemに対する変更', {1813 setup: function() {1814 var schema = {1815 id: {1816 id: true1817 },1818 test: {1819 type: 'integer',1820 defaultValue: 101821 }1822 };1823 var schema2 = {1824 id: {1825 id: true1826 },1827 val: {1828 type: 'string',1829 defaultValue: 'AAA'1830 },1831 data: {1832 type: '@BaseTestModel'1833 }1834 };1835 var manager = h5.core.data.createManager('TestManager');1836 testBaseDataModel = manager.createModel({1837 name: 'BaseTestModel',1838 schema: schema1839 });1840 testBaseDataItem = testBaseDataModel.create({1841 id: '1'1842 });1843 testDataModel2 = manager.createModel({1844 name: 'TestModel',1845 schema: schema21846 });1847 testDataItem2 = testDataModel2.create({1848 id: '1',1849 data: testBaseDataItem1850 });1851 },1852 teardown: function() {1853 $('#dataBindTest').remove();1854 testDataModel2.remove('1');1855 testDataModel2 = null;1856 testBaseDataModel.remove('1');1857 testBaseDataModel = null;1858 }1859 });18601861 //=============================1862 // Body1863 //=============================18641865 test('値を更新する', function() {1866 view.append($fixture, 'itemBind9');1867 var binding = view.bind($('#dataBindTest'), {1868 item: testDataItem21869 });187018711872 checkTexts(['10'], 'DataItemの内容がビューに反映されていること', 'span');18731874 testBaseDataItem.set({1875 test: 10001876 });18771878 checkTexts(['1000'], '更新した値がビューに反映されていること', 'span');18791880 binding.unbind();18811882 testBaseDataItem.set({1883 test: 50001884 });18851886 checkTexts(['1000'], 'unbind()後にDataItemを更新してもビューに反映されないこと', 'span');1887 });18881889 test('ビューに表示されているDataItemを別のDataItemに変更する', function() {1890 var item = testBaseDataModel.create({1891 id: '2',1892 test: 5001893 });1894 var item2 = testBaseDataModel.create({1895 id: '3',1896 test: 50001897 });1898 var item3 = testBaseDataModel.create({1899 id: '4',1900 test: 100001901 });19021903 view.append($fixture, 'itemBind9');1904 var binding = view.bind($('#dataBindTest'), {1905 item: testDataItem21906 });1907 checkTexts(['10'], 'DataItemの内容がビューに反映されていること', 'span');19081909 testDataItem2.set({1910 data: item1911 });1912 checkTexts(['500'], '更新した値がビューに反映されていること', 'span');19131914 testDataItem2.set({1915 data: null1916 });1917 checkTexts([''], '更新した値がビューに反映されていること', 'span');19181919 testDataItem2.set({1920 data: item21921 });1922 checkTexts(['5000'], '更新した値がビューに反映されていること', 'span');19231924 binding.unbind();19251926 testDataItem2.set({1927 data: item31928 });1929 checkTexts(['5000'], 'unbind()後にDataItemを更新してもビューに反映されないこと', 'span');1930 });1931193219331934 //=============================1935 // Definition1936 //=============================1937 module('バインドの詳細指定');19381939 //=============================1940 // Body1941 //=============================19421943 test('属性へのバインド', function() {1944 // バインド先の設定1945 view.append($fixture, 'id');19461947 view.bind('#dataBindTest', {1948 id: 'bindTest123'1949 });19501951 var $span = $fixture.find('span');1952 strictEqual($span.attr('id'), 'bindTest123', 'id属性の値が書き変わっていること');1953 strictEqual($span.text(), 'before', 'テキストノードの値は書き変わっていないこと');1954 });19551956 test('属性名を指定せずに、属性へバインド', 1, function() {1957 view.append($fixture, 'id2');19581959 throws(function(enviroment) {1960 view.bind('#dataBindTest', {1961 id: 'bindTest123'1962 });1963 }, function(actual) {1964 return ERR_VIEW.ERR_CODE_REQUIRE_DETAIL === actual.code;1965 }, 'data-h5-bindのattrに属性名を指定していないためエラーになること"');1966 });19671968 test('classへのバインド', function() {1969 // バインド先の設定1970 view.append($fixture, 'class');19711972 view.bind('#dataBindTest', {1973 cls: 'bindTestCls123'1974 });19751976 var $span = $fixture.find('span');1977 strictEqual($span.attr('class'), 'testClass bindTestCls123', 'class属性にバインドした値が追加されていること');1978 strictEqual($span.text(), 'test', 'テキストノードの値は書き変わっていないこと');1979 });19801981 test('styleへのバインド', function() {1982 // バインド先の設定1983 view.append($fixture, 'style');19841985 view.bind('#dataBindTest', {1986 marginLeft: '15px',1987 margin: '5px 10px 20px 30px'1988 });19891990 var $span = $fixture.find('span');1991 var span1 = $span[0];1992 var span2 = $span[1];1993 strictEqual(span1.style.marginLeft, '15px', 'バインドしたスタイルが適応されていること');1994 strictEqual(rgbToHex($(span1).css('display')), 'block', '上書きされていないスタイルはそのまま残っていること');1995 strictEqual(span2.style.marginTop, '5px', 'バインドしたスタイルが適応されていること');1996 strictEqual(span2.style.marginRight, '10px', 'バインドしたスタイルが適応されていること');1997 strictEqual(span2.style.marginBottom, '20px', 'バインドしたスタイルが適応されていること');1998 strictEqual(span2.style.marginLeft, '30px', 'バインドしたスタイルが適応されていること');1999 strictEqual(rgbToHex($(span2).css('display')), 'block', '上書きされていないスタイルはそのまま残っていること');2000 });20012002 test('プロパティ名を指定せずに、styleへバインド', function() {2003 // バインド先の設定2004 view.append($fixture, 'style2');20052006 throws(function(enviroment) {2007 view.bind('#dataBindTest', {2008 color: 'red'2009 });2010 }, function(actual) {2011 return ERR_VIEW.ERR_CODE_REQUIRE_DETAIL === actual.code;2012 }, 'data-h5-bindのstyleにプロパティ名を指定していないためエラーになること"');2013 });20142015 test('テキストノードへのバインド', function() {2016 // バインド先の設定2017 view.append($fixture, 'text');20182019 var str = '<a href="#e">a</a>';2020 view.bind($('#dataBindTest'), {2021 test: str2022 });20232024 var $span = $fixture.find('span');2025 strictEqual($span.text(), str, '値がテキストノードとしてバインドされていること');2026 });20272028 test('HTMLへのバインド', function() {2029 var e = document.createElement('span');2030 e.innerHTML = '<a href="#e"/>';2031 var url = e.firstChild.href;20322033 // バインド先の設定2034 view.append($fixture, 'html');20352036 var str = '<a href="' + url + '">a</a>';2037 view.bind($('#dataBindTest'), {2038 test: str2039 });20402041 // strに"&"が含まれる場合、bind(内部的には$.html())で値をセットした時に"&amp;"にエスケープされる2042 // (element.innerHTML = '&' でも同じ)2043 // URL中の文字がエスケープされていても正しいURLと解釈されてリンクを踏めるので問題ない。20442045 var $span = $fixture.find('span');2046 strictEqual($span.html().toLowerCase().replace(/&amp;/g, '&'), str.toLowerCase(),2047 '値がinnerHTMLとしてバインドされていること');2048 strictEqual($span.find('a').length, 1, 'DOM要素が新しく作成されていること');2049 });20502051 test('『:』を含むプロパティのバインド', function() {2052 // バインド先の設定2053 view.append($fixture, 'id');20542055 view.bind('#dataBindTest', {2056 'attr(id):id': 'after'2057 });20582059 var $span = $fixture.find('span');2060 strictEqual($span.text(), 'before', '『:』を含むプロパティはバインドされないこと');2061 strictEqual($span.attr('id'), undefined, '『:』を含むプロパティはバインドされないこと');2062 });20632064 test('無効なバインド種別を指定', function() {2065 // バインド先の設定2066 view.append($fixture, 'invalidDef');20672068 throws(function(enviroment) {2069 view.bind('#dataBindTest', {2070 id: 'bindTest123'2071 });2072 }, function(actual) {2073 return ERR_VIEW.ERR_CODE_UNKNOWN_BIND_DIRECTION === actual.code;2074 }, 'data-h5-bindのstyleにプロパティ名を指定していないためエラーになること"');2075 });20762077 //=============================2078 // Definition2079 //=============================2080 var bindItem = h5.core.data.createObservableItem({2081 test: null2082 });2083 module('get', {2084 setup: function() {2085 $fixture.append('<div id="inFixture">');20862087 bindItem.set({2088 test: 'a'2089 });2090 },2091 teardown: function() {2092 clearController();2093 }2094 });20952096 //=============================2097 // Body2098 //=============================209921002101 test('getはデータバインドされないこと', function() {2102 var str = view.get('simple', {2103 test: 'a'2104 });21052106 var $dom = $(str);2107 strictEqual($dom.find('span').text(), 'バインド前', 'データバインドされていないこと');2108 });21092110 asyncTest('コントローラ内 this.view.get データバインドされないこと', function() {2111 h5.core.controller($fixture, {2112 __name: 'TestController',2113 __templates: 'template/data-bind.ejs',2114 __ready: function() {2115 var str = this.view.get('simple', {2116 test: 'a'2117 });21182119 var $dom = $(str);2120 strictEqual($dom.find('span').text(), 'バインド前', 'データバインドされていないこと');2121 start();2122 }2123 });2124 });21252126 //=============================2127 // Definition2128 //=============================2129 module('コメントビューにバインド', {2130 teardown: function() {2131 clearController();2132 }2133 });21342135 //=============================2136 // Body2137 //=============================2138 test('コントローラ内のviewでないviewインスタンスからはバインドできないこと', 2, function() {2139 view.append($fixture, 'comment1');21402141 try {2142 view.bind('h5view#item', {2143 text: 'a',2144 cls: 'testClass'2145 });2146 } catch (e) {2147 strictEqual(e.code, ERR_VIEW.ERR_CODE_BIND_INVALID_TARGET, e.message);2148 }2149 var $span = $fixture.find('span');2150 strictEqual($span.length, 0, 'コメントビューは展開されていないこと');2151 });21522153 asyncTest('コメントビューにバインドできること', function() {2154 view.append($fixture, 'comment1');21552156 h5.core.controller($fixture, {2157 __name: 'TestController',2158 __ready: function() {2159 this.view.bind('h5view#item', {2160 text: 'a',2161 cls: 'testClass'2162 });21632164 var $span = $fixture.find('span');2165 strictEqual($span.text(), 'a', 'コメントビューにバインドされていること');2166 strictEqual($span.attr('class'), 'testClass', 'コメントビューにバインドされていること');2167 start();2168 }2169 });2170 });21712172 asyncTest('コメントビューにObservableItemをバインド', 2, function() {21732174 view.append($fixture, 'comment2');2175 var item = h5.core.data.createObservableItem({2176 v1: null,2177 v2: null,2178 item: null2179 });2180 item.set({2181 v1: 'a',2182 v2: 'b',2183 item: {2184 v1: 'aa',2185 v2: 'bb'2186 }2187 });21882189 var c = h5.core.controller($fixture, {2190 __name: 'TestController'2191 });21922193 c.readyPromise.done(function() {2194 c.view.bind('h5view#item', item);21952196 checkTexts(['a', 'b', 'aa', 'bb'], 'コメントビューに書いた箇所にバインドされていること', 'span');21972198 //値の変更2199 item.set({2200 v1: 'aaa',2201 v2: 'bbb'2202 });22032204 checkTexts(['aaa', 'bbb', 'aa', 'bb'], '変更が反映されること', 'span');2205 start();2206 });2207 });22082209 asyncTest('コメントビューに配列をバインド', function() {2210 view.append($fixture, 'comment3');22112212 var item = h5.core.data.createObservableItem({2213 test: null2214 });22152216 item.set('test', 'c');22172218 var items = [{2219 test: 'a'2220 }, {2221 test: 'b'2222 }, item];22232224 var c = h5.core.controller($fixture, {2225 __name: 'TestController'2226 });22272228 c.readyPromise.done(function() {2229 c.view.bind('h5view#item', {2230 items: items2231 });22322233 checkTexts(['a', 'b', 'c'], 'コメントビューに書いた箇所にバインドされていること');22342235 //変更2236 item.set('test', 'cc');2237 checkTexts(['a', 'b', 'cc'], '配列内のObservableItemの変更が反映されること');22382239 start();2240 });2241 });224222432244 asyncTest('コメントビューにObservableArrayをバインド', function() {2245 view.append($fixture, 'comment3');22462247 var item = h5.core.data.createObservableItem({2248 test: null2249 });2250 var items = h5.core.data.createObservableArray();22512252 item.set('test', 'c');22532254 items.copyFrom([{2255 test: 'a'2256 }, {2257 test: 'b'2258 }, item]);22592260 var c = h5.core.controller($fixture, {2261 __name: 'TestController'2262 });22632264 c.readyPromise.done(function() {2265 c.view.bind('h5view#item', {2266 items: items2267 });22682269 checkTexts(['a', 'b', 'c'], 'コメントビューに書いた箇所にバインドされていること');22702271 //変更2272 items.shift();2273 checkTexts(['b', 'c'], '変更が反映されていること');22742275 item.set('test', 'cc');2276 checkTexts(['b', 'cc'], 'ObservableArray内のObservableItemの変更が反映されること');22772278 items.copyFrom([]);2279 strictEqual($('#dataBindTest li').length, 0, '空配列になったら繰り返し要素がなくなること');22802281 start();2282 });2283 });22842285 asyncTest('inputタグへのバインドはvalueに値が設定されること', 6, function() {2286 view.append($fixture, 'inputtext1');22872288 var item = h5.core.data.createObservableItem({2289 txt1: null,2290 txt2: null,2291 txt3: null2292 });2293 item.set('txt2', 'hoge2');2294 item.set('txt3', 'hoge3');22952296 var c = h5.core.controller($fixture, {2297 __name: 'TestController'2298 });22992300 c.readyPromise.done(function() {2301 c.view.bind('h5view#item', {2302 items: item2303 });23042305 equal($('#txt2').val(), 'hoge2', 'valueに値が設定されていること。');2306 equal($('#txt3').val(), 'hoge3', 'valueに値が設定されていること。attr(value)指定');2307 equal($('#txt2').text(), '', 'テキストノードには何も設定されていないこと。');2308 equal($('#txt3').text(), '', 'テキストノードには何も設定されていないこと。※attr(value)指定');23092310 $('#txt2')[0].value = 'ユーザー入力';2311 $('#txt3')[0].value = 'ユーザー入力';2312 item.set('txt2', 'fuga2');2313 item.set('txt3', 'fuga3');2314 equal($('#txt2').val(), 'fuga2',2315 'ユーザ入力があった後(valueの変更後)でも、バインドされている値が更新されるとvalueが更新されること');2316 equal($('#txt3').val(), 'fuga3',2317 'ユーザ入力があった後(valueの変更後)でも、バインドされている値が更新されるとvalueが更新されること ※attr(value)指定');2318 start();2319 });2320 });23212322 asyncTest('inputタグへnullをバインドする', 5, function() {2323 view.append($fixture, 'inputtext1');23242325 var items = {2326 txt1: null,2327 txt2: null,2328 txt3: null2329 };23302331 var c = h5.core.controller($fixture, {2332 __name: 'TestController'2333 });23342335 c.readyPromise.done(function() {2336 c.view.bind('h5view#item', {2337 items: items2338 });23392340 equal($('#txt1').val(), '', 'value属性に値が設定されていること。');2341 equal($('#txt2').val(), '', 'value属性に値が設定されていること。');2342 equal($('#txt3').val(), '', 'value属性に値が設定されていること。');2343 equal($('#txt1').text(), '', 'テキストノードには何も設定されていないこと。');2344 equal($('#txt2').text(), '', 'テキストノードには何も設定されていないこと。');2345 start();2346 });2347 });23482349 asyncTest('input[type="checkbox"]のcheckedプロパティに値が設定されること', 2, function() {2350 view.append($fixture, 'inputcheck1');23512352 var items = {2353 check1: 'checked',2354 check2: 'checked'2355 };23562357 var c = h5.core.controller($fixture, {2358 __name: 'TestController'2359 });23602361 c.readyPromise.done(function() {2362 c.view.bind('h5view#item', {2363 items: items2364 });23652366 equal($('#txt1').attr('checked'), items.check1, 'value属性に値が設定されていること。');2367 equal($('#txt2').attr('checked'), items.check2, 'value属性に値が設定されていること。');2368 start();2369 });2370 });23712372 asyncTest('ネストしたコンテキストに定義されたinput[type="checkbox"]のcheckedプロパティに値が設定されること', 2, function() {2373 view.append($fixture, 'inputcheck2');23742375 var items = {2376 check1: 'checked',2377 items2: {2378 check2: 'checked'2379 }2380 };23812382 var c = h5.core.controller($fixture, {2383 __name: 'TestController'2384 });23852386 c.readyPromise.done(function() {2387 c.view.bind('h5view#item', {2388 items: items2389 });23902391 equal($('#txt1').attr('checked'), items.check1, 'value属性に値が設定されていること。');2392 equal($('#txt2').attr('checked'), items.check2, 'value属性に値が設定されていること。');2393 start();2394 });2395 });23962397 //=============================2398 // Definition2399 //=============================2400 module('loop-contextコンテキストのネスト');24012402 //=============================2403 // Body2404 //=============================2405 test('loop-contextの子要素にloop-contextがある要素に配列をバインドする', function() {2406 var ar = [{2407 ar: [{2408 val: 12409 }, {2410 val: 22411 }, {2412 val: 32413 }]2414 }];24152416 view.append($fixture, 'nestloop1');2417 view.bind($('#dataBindTest'), {2418 items: ar2419 });242024212422 checkTexts(['1', '2', '3'], 'バインドされていること', 'span');2423 });24242425 test('loop-contextの子要素にloop-contextがある要素にnullが含まれている配列をバインドする', function() {2426 var ar = [{2427 ar: [{2428 val: 12429 }, null, {2430 val: 32431 }]2432 }];24332434 view.append($fixture, 'nestloop1');2435 view.bind($('#dataBindTest'), {2436 items: ar2437 });24382439 checkTexts(['1', '', '3'], 'バインドされていること', 'span');2440 });24412442 test('loop-contextの子要素に複数loop-contextがある要素に配列をバインドする', function() {2443 var ar = [{2444 ar: [{2445 val: 12446 }, {2447 val: 22448 }, {2449 val: 32450 }],2451 ar2: [{2452 val: 102453 }, {2454 val: 202455 }, {2456 val: 302457 }]24582459 }];24602461 view.append($fixture, 'nestloop2');2462 view.bind($('#dataBindTest'), {2463 items: ar2464 });246524662467 checkTexts(['1', '2', '3', '10', '20', '30'], 'バインドされていること', 'span');2468 });24692470 test('loop-contextの子要素に複数loop-contextがある要素にnullが含まれている配列をバインドする', function() {2471 var ar = [{2472 ar: [{2473 val: 12474 }, {2475 val: 22476 }, {2477 val: 32478 }],2479 ar2: [{2480 val: 102481 }, {2482 val: 202483 }, {2484 val: 302485 }]2486 }, {2487 ar: null,2488 ar2: [{2489 val: 1002490 }, {2491 val: 2002492 }, {2493 val: 3002494 }]2495 }];24962497 view.append($fixture, 'nestloop2');2498 view.bind($('#dataBindTest'), {2499 items: ar2500 });25012502 checkTexts(['1', '2', '3', '10', '20', '30', '100', '200', '300'], 'バインドされていること', 'span');2503 });25042505 test('loop-contextの子要素にloop-contextがある要素にObservableArrayをバインドする', function() {2506 var ar = [{2507 ar: [{2508 val: 12509 }, {2510 val: 22511 }, {2512 val: 32513 }]2514 }];2515 var oar = h5.core.data.createObservableArray();2516 oar.copyFrom(ar);25172518 view.append($fixture, 'nestloop1');2519 view.bind($('#dataBindTest'), {2520 items: oar2521 });252225232524 checkTexts(['1', '2', '3'], 'バインドされていること', 'span');2525 });25262527 test('loop-contextの子要素にloop-contextがある要素にnullが含まれているObservableArrayをバインドする', function() {2528 var ar = [{2529 ar: [{2530 val: 12531 }, null, {2532 val: 32533 }]2534 }];2535 var oar = h5.core.data.createObservableArray();2536 oar.copyFrom(ar);25372538 view.append($fixture, 'nestloop1');2539 view.bind($('#dataBindTest'), {2540 items: oar2541 });25422543 checkTexts(['1', '', '3'], 'バインドされていること', 'span');2544 });25452546 test('loop-contextの子要素に複数loop-contextがある要素にnullが含まれているObservableArrayをバインドする', function() {2547 var ar = [{2548 ar: [{2549 val: 12550 }, {2551 val: 22552 }, {2553 val: 32554 }],2555 ar2: [{2556 val: 102557 }, {2558 val: 202559 }, {2560 val: 302561 }]2562 }, {2563 ar: null,2564 ar2: [{2565 val: 1002566 }, {2567 val: 2002568 }, {2569 val: 3002570 }]2571 }];25722573 var oar = h5.core.data.createObservableArray();2574 oar.copyFrom(ar);25752576 view.append($fixture, 'nestloop2');2577 view.bind($('#dataBindTest'), {2578 items: oar2579 });25802581 checkTexts(['1', '2', '3', '10', '20', '30', '100', '200', '300'], 'バインドされていること', 'span');2582 });25832584 //=============================2585 // Definition2586 //=============================2587 module('unbind', {2588 teardown: function() {2589 clearController();2590 }2591 });25922593 //=============================2594 // Body2595 //=============================2596 test('DataItemをバインド後、unbind()を実行する', function() {2597 var schema = {2598 id: {2599 id: true2600 },2601 test: {2602 type: 'string',2603 defaultValue: 'abc'2604 }2605 };2606 var manager = h5.core.data.createManager('TestManager');2607 var model = manager.createModel({2608 name: 'TestModel',2609 schema: schema2610 });2611 var dataItem = model.create({2612 id: '1'2613 });26142615 view.append($fixture, 'itemBind8');2616 var binding = view.bind($('#dataBindTest'), {2617 item: dataItem2618 });26192620 equal($('#dataBindTest span').text(), 'abc', 'strプロパティのdefaultValueがビューに反映されていること');26212622 var ctx = $('[' + DATA_H5_BIND + '],[' + DATA_H5_CONTEXT + '],[' + DATA_H5_LOOP_CONTEXT2623 + ']', '#dataBindTest').length;26242625 binding.unbind();26262627 equal($('[' + DATA_H5_BIND + '],[' + DATA_H5_CONTEXT + '],[' + DATA_H5_LOOP_CONTEXT + ']',2628 '#dataBindTest').length, ctx, 'data-h5-bind, context, loop-contextは削除されていないこと');2629 equal($('[' + DATA_H5_DYN_CTX + '],[' + DATA_H5_DYN_VID + '],[' + DATA_H5_DYN_BIND_ROOT2630 + '],[' + DATA_H5_DYN_CN + ']', '#dataBindTest').length, 0,2631 'data-h5-dyn-*属性が全て削除されていること');26322633 dataItem.set({2634 test: 'AAAA'2635 });26362637 equal($('#dataBindTest span').text(), 'abc', 'unbind後にDataItemを変更しても、ビューは変更されないこと');2638 });26392640 test('ObservableItemをバインド後、unbind()を実行する', function() {2641 var schema = {2642 id: {2643 id: true2644 },2645 test: {2646 type: 'string',2647 defaultValue: 'abc'2648 }2649 };2650 var obsItem = h5.core.data.createObservableItem(schema);26512652 view.append($fixture, 'itemBind8');2653 var binding = view.bind($('#dataBindTest'), {2654 item: obsItem2655 });26562657 equal($('#dataBindTest span').text(), 'abc', 'strプロパティのdefaultValueがビューに反映されていること');26582659 var ctx = $('[' + DATA_H5_BIND + '],[' + DATA_H5_CONTEXT + '],[' + DATA_H5_LOOP_CONTEXT2660 + ']', '#dataBindTest').length;26612662 binding.unbind();26632664 equal($('[' + DATA_H5_BIND + '],[' + DATA_H5_CONTEXT + '],[' + DATA_H5_LOOP_CONTEXT + ']',2665 '#dataBindTest').length, ctx, 'data-h5-bind, context, loop-contextは削除されていないこと');2666 equal($('[' + DATA_H5_DYN_CTX + '],[' + DATA_H5_DYN_VID + '],[' + DATA_H5_DYN_BIND_ROOT2667 + '],[' + DATA_H5_DYN_CN + ']', '#dataBindTest').length, 0,2668 'data-h5-dyn-*属性が全て削除されていること');26692670 obsItem.set({2671 test: 'AAAA'2672 });26732674 equal($('#dataBindTest span').text(), 'abc', 'unbind後にDataItemを変更しても、ビューは変更されないこと');2675 });26762677 test('ObservableArrayをバインド後、unbind()を実行する',2678 function() {2679 var oar = h5.core.data.createObservableArray();2680 oar.copyFrom([{2681 test: 12682 }, {2683 test: 22684 }, {2685 test: 32686 }]);26872688 view.append($fixture, 'itemBind7');2689 var binding = view.bind($('#dataBindTest'), {2690 item: {2691 ary: oar2692 }2693 });26942695 checkTexts(['1', '2', '3'], 'ObservableArrayの内容がビューに表示されていること', 'span');26962697 var ctx = $('[' + DATA_H5_BIND + '],[' + DATA_H5_CONTEXT + '],['2698 + DATA_H5_LOOP_CONTEXT + ']', '#dataBindTest').length;26992700 binding.unbind();27012702 equal($('[' + DATA_H5_BIND + '],[' + DATA_H5_CONTEXT + '],[' + DATA_H5_LOOP_CONTEXT2703 + ']', '#dataBindTest').length, ctx,2704 'data-h5-bind, context, loop-contextは削除されていないこと');2705 equal(2706 $('[' + DATA_H5_DYN_CTX + '],[' + DATA_H5_DYN_VID + '],['2707 + DATA_H5_DYN_BIND_ROOT + '],[' + DATA_H5_DYN_CN + ']',2708 '#dataBindTest').length, 0, 'data-h5-dyn-*属性が全て削除されていること');27092710 oar.push({2711 test: 10002712 });2713 checkTexts(['1', '2', '3'], 'push: unbind後にObservableArrayの内容を変更してもビューに反映されないこと',2714 'span');27152716 oar.splice(1, 1, {2717 test: 102718 });2719 checkTexts(['1', '2', '3'], 'splice: unbind後にObservableArrayの内容を変更してもビューに反映されないこと',2720 'span');27212722 oar.pop();2723 checkTexts(['1', '2', '3'], 'pop: unbind後にObservableArrayの内容を変更してもビューに反映されないこと',2724 'span');27252726 oar.copyFrom([{2727 test: 10002728 }, {2729 test: 20002730 }, {2731 test: 30002732 }]);27332734 checkTexts(['1', '2', '3'],2735 'copyFrom: unbind後にObservableArrayの内容を変更してもビューに反映されないこと', 'span');27362737 oar.shift();27382739 checkTexts(['1', '2', '3'], 'shift: unbind後にObservableArrayの内容を変更してもビューに反映されないこと',2740 'span');27412742 oar.unshift({2743 test: 4442744 });27452746 checkTexts(['1', '2', '3'],2747 'unshift: unbind後にObservableArrayの内容を変更してもビューに反映されないこと', 'span');27482749 oar.sort();27502751 checkTexts(['1', '2', '3'], 'sort: unbind後にObservableArrayの内容を変更してもビューに反映されないこと',2752 'span');27532754 oar.reverse();27552756 checkTexts(['1', '2', '3'],2757 'reverse: unbind後にObservableArrayの内容を変更してもビューに反映されないこと', 'span');2758 });27592760 test('複数要素にObservableArray[ObseItem]をバインド、unbind()を実行', 8, function() {2761 var $el1 = $('<div data-h5-loop-context="data"></div>');2762 $el1.append('<div data-h5-bind="str"></div>');2763 $fixture.append($el1);2764 var $el2 = $('<div data-h5-loop-context="data"></div>');2765 $el2.append('<div data-h5-bind="str"></div>');2766 $fixture.append($el2);27672768 try {2769 var ar = h5.core.data.createObservableArray();2770 var data = { ...

script.js

Source:script.js

1//要素の取得2const wrap = document.getElementById('wrap');3const start = document.getElementById('start');4//複数のテキストを格納数する配列5const textLists = [6 'Hello World','This is my App','How are you?',7 'Today is sunny','I love JavaScript!','Good morning',8 'I am Japanese','Let it be','Samurai',9 'Typing Game','Information Technology',10 'I want to be a programmer','What day is today?',11 'I want to build a web app','Nice to meet you',12 'Chrome Firefox Edge Safari','machine learning',13 'Brendan Eich','John Resig','React Vue Angular',14 'Netscape Communications','undefined null NaN',15 'Thank you very much','Google Apple Facebook Amazon',16 'ECMAScript','console.log','for while if switch',17 'var let const','Windows Mac Linux iOS Android',18 'programming'19 ];20//ランダムなテキストを画面に表示する21let checkTexts = [];22const createText = () => {23 const p = document.getElementById('text');24 const rnd = Math.floor(Math.random() * textLists.length);25 //p要素の中身を空っぽにする26 p.textContent = '';27 //textLists[rnd].split('').map( string => {28 checkTexts = textLists[rnd].split('').map( string => {29 //span要素を作る30 const span = document.createElement('span');31 //span要素の配列に１文字ずつ割り当てる32 span.textContent = string;33 //span要素をp要素に追加していく34 p.appendChild(span);35 //p.appendChild(string);36 37 //1文字ずつcheckTextsに格納していく38 return span;39 40 })41};42//スコアの初期値を設定43let score = 0;44//キーイベント＆入力判定処理45const keyDown = e => {46 //console.log(e.key);47 //console.log(checkTexts);48 //console.log(checkTexts[0]);49 if( e.key === checkTexts[0].textContent){50 wrap.style.backgroundColor = '#666';51 //checkTextsの要素にadd-colorクラスを付与する52 checkTexts[0].className = 'add-color';53 //配列から１文字削除54 checkTexts.shift();55 score ++;56 //最後まで入力したら、新しいテキストを表示57 if( !checkTexts.length) createText();58 }else if( e.key === 'Shift'){59 wrap.style.backgroundColor = '#666';60 }else{61 wrap.style.backgroundColor = 'red';62 }63};64//ランク判定65const rankCheck = rank =>{66 //テキストを格納する変数67 let text = '';68 //スコアに応じて異なるメッセージを変数textに格納69 if( score < 100 ){ 70 text = ` Your Rank is C \n ${100 - socre }more to B Rank`;71 }else if( score < 200 ){72 text = `Your Rank is B \n${200-score} more to A Rank`;73 }else if( score < 300 ){74 text = `Your Rank is A \n${300-socre} more to S Rank`;75 }else if( score >= 300){76 text = `Your Rank is S! \n Great Work!`77 }78 return `${score}文字打てました！ \n${text}\n 1.<OK> for Retry / 2.<Cancel> for Exit`;79};80//ゲームの終了処理81const gameOver = id =>{82 clearInterval(id);83 //console.log('Game over');84 //スコアの値をrankCheck()に渡す85 const result = confirm(rankCheck(score));86 //okボタン押されたらリロード87 if( result ) window.location.reload();88};89// タイマー処理90const timer = () => {91//タイマーの初期値を設定92let time = 60;93 const count = document.getElementById('count');94 const id = setInterval( ()=>{95 //カウント0でタイマー停止96 //if( time <= 0 ) clearInterval(id);97 if( time <= 0) gameOver(id);98 //カウントダウン99 count.textContent = time--;100 },1000);101}; 102start.addEventListener('click', ()=>{103 //timer関数104 timer();105 createText();106 //スタートボタンを非表示に107 start.style.display = 'none';108 document.addEventListener( 'keydown', keyDown);...

game.js

Source:game.js

1//get html2const wrap = document.getElementById('wrap');3const start = document.getElementById('start');4const textLists = [5 'Hello World','This is my App','How are you?',6 'Today is sunny','I love JavaScript!','Good morning',7 'I am Japanese','Let it be','Samurai',8 'Typing Game','Information Technology',9 'I want to be a programmer','What day is today?',10 'I want to build a web app','Nice to meet you',11 'Chrome Firefox Edge Safari','machine learning',12 'Brendan Eich','John Resig','React Vue Angular',13 'Netscape Communications','undefined null NaN',14 'Thank you very much','Google Apple Facebook Amazon',15 'ECMAScript','console.log','for while if switch',16 'var let const','Windows Mac Linux iOS Android',17 'programming'18 19 ]; //text20 21let checkTexts = [];22const createText = () => {23 const p = document.getElementById('text');24 //random 25 const rnd = Math.floor(Math.random() * textLists.length);26 27 //p clean28 p.textContent = '';29 30 checkTexts = textLists[rnd].split('').map(value => {31 //span create32 const span = document.createElement('span');33 //span split34 span.textContent = value;35 36 //span => p37 p.appendChild(span);38 return span;39 })40 41}; //random text42let score = 0;43const keyDown = e => {44 if(e.key === checkTexts[0].textContent){45 // add-color46 checkTexts[0].className = 'add-color';47 48 // delete 1word49 checkTexts.shift();50 51 //good tp score ++52 score++;53 54 //clear, and new text55 if(!checkTexts.length)createText();56 } 57 // Shiftキーを押した時は色が変わらない58 else if(e.key === 'Shift') {59 wrap.style.backgroundColor = '#666';60 // タイプミスした時だけ背景色を赤色に変える61 } else {62 wrap.style.backgroundColor = 'red';63 }64 65}; //key event &66const rankCheck = score => {67 let text ='';68 //score => text if?69 if(score<100){70 text = `あなたのランクはCです。\nBランクまであと${100 - score}文字です。`;71 } else if(score < 200) {72 text = `あなたのランクはBです。\nAランクまであと${200 - score}文字です。`; 73 } else if(score < 300) {74 text = `あなたのランクはAです。\nSランクまであと${300 - score}文字です。`; 75 } else if(score >= 300) {76 text = `あなたのランクはSです。\nおめでとうございます！`; 77 }78 return `${score}文字打てました\n${text}\n【OK】リトライ／【キャンセル】終了`;79}; //rank & message80const gameOver = id => {81 //timer stoped82 clearInterval(id)83 const result = confirm(rankCheck(score));84 // OKボタンをクリックされたらリロードする85 if(result) window.location.reload();86}; 87const timer = () => {88 //timer default =60sec89 let time = 60;90 91 const count = document.getElementById('count');92 const id = setInterval(() =>{93 //count timer 0 => stop94 if(time <= 0) gameOver(id);95 //1second96 count.textContent = time--;97 98 },1000);99};100start.addEventListener('click', () => {101 timer();102 createText();103 //start 非表示104 start.style.display = 'none';105 //keyborad event106 document.addEventListener('keydown', keyDown);...

code.js

Source:code.js

1var p = document.getElementById('text');2//タイピングする文字列をここで用意しておく3var textLists =[4 'yaju',5 'tono',6 'tadokoro',7 'tadano',8 'miura',9 'kimura',10 'go',11 'daibou satosi',12 'hide',13 'nikutaihaojarumaru',14 'hatano yusuke',15 'tanioka',16 'DRVS',17 'K B S torio',18 'nisioka',19 'siroino',20 'majimekun',21 'aoki',22 'akiyosi',23 'ikusabatasenpai',24 'okayamanohentaikusooyaji'25];26var checkTexts = [];27createText();28function createText() {29 //文字列をランダムに取得する30 var rnd = Math.floor(Math.random() * textLists.length);31 //前の文字列を削除してから次の文字列を表示する32 p.textContent = '';33 //文字列を1文字ずつに分解して、それぞれにspanタグを挿入する34 checkTexts = textLists[rnd].split('').map(function(value) {35 var span = document.createElement('span');36 span.textContent = value;37 p.appendChild(span);38 return span;39 });40}41document.addEventListener('keydown', keyDown);42function keyDown(e) {43 //キーボードからの入力は「e.key」に格納されている44 if(e.key === checkTexts[0].textContent) {45 checkTexts[0].className = 'add-blue';46 //0番目の配列要素を削除して、次の1文字を比較対象にする47 checkTexts.shift();48 //配列要素が空っぽになったら次の問題を出す49 if(!checkTexts.length) createText();50 }...

app.js

Source:app.js

1var p = document.getElementById('text');2//タイピングする文字列をここで用意しておく3var textLists = [4 'Hello World',5 'This is my App',6 'How are you?',7 'Hello Hello',8 'I love JavaScript!',9 'Good morning',10 'I am Japanese',11 'Let it be'12 'aaa'13 'bbbbb'14];15var checkTexts = [];16createText();17function createText() {18 //文字列をランダムに取得する19 var rnd = Math.floor(Math.random() * textLists.length);20 //前の文字列を削除してから次の文字列を表示する21 p.textContent = '';22 //文字列を1文字ずつに分解して、それぞれにspanタグを挿入する23 checkTexts = textLists[rnd].split('').map(function(value) {24 var span = document.createElement('span');25 span.textContent = value;26 p.appendChild(span);27 return span;28 });29}30document.addEventListener('keydown', keyDown);31function keyDown(e) {32 //キーボードからの入力は「e.key」に格納されている33 if(e.key === checkTexts[0].textContent) {34 checkTexts[0].className = 'add-blue';35 //0番目の配列要素を削除して、次の1文字を比較対象にする36 checkTexts.shift();37 //配列要素が空っぽになったら次の問題を出す38 if(!checkTexts.length) createText();39 }...

main.js

Source:main.js

1"use script";2{3 const p = document.getElementById("text");4 const textLists = [5 "Hello World",6 "This is my App",7 "How are you?",8 "Hello Hello",9 "I love JavaScript!",10 "Good morning",11 "I am Japanese",12 "Let it be",13 ];14 let checkTexts = [];15 let checkCount = 0;16 let startTime;17 createText();18 function createText() {19 let rnd = Math.floor(Math.random() * textLists.length);20 checkTexts = textLists[rnd].split("").map((value) => {21 let span = document.createElement("span");22 span.textContent = value;23 p.appendChild(span);24 return span;25 });26 }27 document.addEventListener("keydown", (e) => {28 if (checkCount === 3) return;29 if (e.key === checkTexts[0].textContent) {30 if (checkCount === 0) {31 startTime = Date.now();32 }33 checkTexts[0].className = "add-blue";34 checkTexts.shift();35 if (!checkTexts.length) {36 console.log(checkCount);37 checkCount++;38 p.textContent = "";39 if (checkCount === 3) {40 const elapsedTime = ((Date.now() - startTime) / 1000).toFixed(2);41 p.textContent = "Game Finish!!";42 document.getElementById(43 "score"44 ).textContent = `${elapsedTime} Seconds!`;45 return;46 }47 createText();48 }49 }50 });51 function gameResult() {}...

typing.js

Source:typing.js

1var p = document.getElementById('text');2var textLists = [3 'Hello World',4 'Good',5 'I love JavaScript',6 'This is MyApp',7 'Good Night',8 'いい日ですね',9 'こんにちは',10 'ルパン三世'11];12var checkTexts = [];13createText();14function createTexts(){15 var rnd = Math.floor(Math.random() * textLists.length);16 p.textContent = '';17 checkTexts = textLists[rnd].split('').map(function(value){18 var span = document.createElement('span');19 span.textContent = value;20 p.appendChild(span);21 return span;22 });23}24document.addEventListener('keydown', keyDown);25function keyDown(e) {26 if(e.key === checkTexts[0].textContent) {27 checkTexts[0].className = 'add-blue';28 checkTexts.shift();29 if(!checkTexts.length) createText();30 }...

index.js

Source:index.js

1var p = document.getElementById('text');2var textLists = [3 'Hello World',4 'This is my App',5 'How are you?',6 'Hello Hello'7];8var checkTexts = [];9createText();10function createText(){11 var rnd = Math.floor(Math.random() * textLists.length);12 p.textContent = '';13 checkTexts = textLists[rnd].split('').map(function(value){14 var span = document.createElement('span');15 span.textContent = value;16 p.appendChild(span);17 return span18})};19console.log(checkTexts)20document.addEventListener('keydown',keyDown);21function keyDown(e){22 if(e.key === checkTexts[0].textContent){23 checkTexts[0].className = 'add-blue';24 checkTexts.shift();25 if (!checkTexts.length) createText();26 }27 else{28 console.log('間違い');29 };...

Using AI Code Generation

1var wd = require('wd');2var chai = require('chai');3var chaiAsPromised = require('chai-as-promised');4chai.use(chaiAsPromised);5chai.should();6chaiAsPromised.transferPromiseness = wd.transferPromiseness;7describe('Test Appium XCUITest driver', function () {8 this.timeout(300000);9 var driver;10 before(function () {11 driver = wd.promiseChainRemote('localhost', 4723);12 var desiredCaps = {13 };14 return driver.init(desiredCaps);15 });16 after(function () {17 return driver.quit();18 });19 it('should check if text is present', function () {20 return driver.checkTexts('TestApp', 'Text Entry', 'Text Entry');21 });22});

Using AI Code Generation

1var webdriver = require('selenium-webdriver');2var driver = new webdriver.Builder()3 .withCapabilities({4 })5 .build();6 .elementById('SomeTextField')7 .sendKeys('SomeText')8 .elementById('SomeOtherTextField')9 .sendKeys('SomeOtherText')10 .elementById('SomeButton')11 .click()12 .checkTexts('SomeTextField', 'SomeText')13 .checkTexts('SomeOtherTextField', 'SomeOtherText')14 .quit();15commands.checkTexts = async function (elementId, expectedText) {16 let element = this.elementIdMap[elementId];17 let text = await element.text();18 if (text !== expectedText) {19 throw new Error(`Text '${text}' does not match expected text '${expectedText}'`);20 }21};22commands.checkTexts = async function (elementId, expectedText) {23 let element = this.elementIdMap[elementId];24 let text = await element.text();25 if (text !== expectedText) {26 throw new Error(`Text '${text}' does not match expected text '${expectedText}'`);27 }28};29commands.checkTexts = async function (elementId, expectedText) {30 let element = this.elementIdMap[elementId];31 let text = await element.text();32 if (text !== expectedText) {33 throw new Error(`Text '${text}' does not match expected text '${expectedText}'`);34 }35};36commands.checkTexts = async function (elementId, expectedText) {37 let element = this.elementIdMap[elementId];38 let text = await element.text();39 if (text !== expectedText) {40 throw new Error(`Text '${text}' does not match expected text '${expectedText}'`);41 }42};43commands.checkTexts = async function (elementId, expectedText) {

Using AI Code Generation

1driver.checkTexts(['text1', 'text2']);2driver.checkTexts('text1');3driver.checkTexts(/regex/);4driver.checkTexts('text1', 'text2');5driver.checkTexts('text1');6driver.checkTexts(Pattern.compile("regex"));7driver.check_texts(['text1', 'text2'])8driver.check_texts('text1')9driver.check_texts(re.compile('regex'))10driver.check_texts(['text1', 'text2'])11driver.check_texts('text1')12driver.check_texts(/regex/)13driver.checkTexts(['text1', 'text2']);14driver.checkTexts('text1');15driver.checkTexts(/regex/);16$driver->checkTexts(['text1', 'text2']);17$driver->checkTexts('text1');18$driver->checkTexts('/regex/');19driver.CheckTexts(new[] { "text1", "text2" });20driver.CheckTexts("text1");21driver.CheckTexts(new Regex("regex"));22$driver->checkTexts(['text1', 'text2']);23$driver->checkTexts('text1');24$driver->checkTexts(qr/regex/);25driver.CheckTexts("text1", "text2")26driver.CheckTexts("text1")27driver.CheckTexts("regex")28driver.checkTexts("text1", "text2")29driver.checkTexts("text1")30driver.checkTexts("regex")31driver.checkTexts("text1", "text2")32driver.checkTexts("text1")33driver.checkTexts("regex")34driver.check_texts(&["text1", "text2"]);

Using AI Code Generation

1describe('Test', function() {2 it('should have the right title', function() {3 browser.setImplicitTimeout(5000);4 browser.click('~Accept');5 browser.click('~Continue');6 browser.click('~Continue');

Using AI Code Generation

1describe('My App', () => {2 it('should have welcome screen', () => {3 expect(checkTexts(['Welcome', 'To', 'My', 'App'])).toEqual([true, true, true, true])4 });5});6describe('My App', () => {7 it('should have welcome screen', () => {8 expect(checkTexts(['Welcome', 'To', 'My', 'App'])).toEqual([true, true, true, true])9 });10});11describe('My App', () => {12 it('should have welcome screen', () => {13 expect(checkTexts(['Welcome', 'To', 'My', 'App'])).toEqual([true, true, true, true])14 });15});16describe('My App', () => {17 it('should have welcome screen', () => {18 expect(checkTexts(['Welcome', 'To', 'My', 'App'])).toEqual([true, true, true, true])19 });20});21describe('My App', () => {22 it('should have welcome screen', () => {23 expect(checkTexts(['Welcome', 'To', 'My', 'App'])).toEqual([true, true, true, true])24 });25});26describe('My App', () => {27 it('should have welcome screen', () => {28 expect(checkTexts(['Welcome', 'To', 'My', 'App'])).toEqual([true, true, true, true])29 });30});

Using AI Code Generation

1const wdio = require("webdriverio");2const assert = require("assert");3const caps = {4};5const client = wdio.remote({6});7async function checkTexts() {8 try {9 await client.init();10 await client.pause(5000);11 const isTextPresent = await client.execute("mobile: checkTexts", {12 });13 console.log(isTextPresent);14 assert.strictEqual(isTextPresent, true);15 } catch (err) {16 console.error(err);17 }18}19checkTexts();

Using AI Code Generation

1const wd = require('wd');2const chai = require('chai');3const chaiAsPromised = require('chai-as-promised');4const { XCUITestDriver } = require('appium-xcuitest-driver');5chai.use(chaiAsPromised);6chai.should();7describe('checkTexts', function () {8 let driver;9 let caps = {10 };11 before(async function () {12 driver = await wd.promiseChainRemote('localhost', 4723);13 await driver.init(caps);14 });15 after(async function () {16 await driver.quit();17 });18 it('should find the right element', async function () {19 let text = await driver.execute('mobile: checkTexts', {20 });21 text.should.deep.equal(['Hello', 'World']);22 });23 it('should find the right element using xpath', async function () {24 let text = await driver.execute('mobile: checkTexts', {25 });26 text.should.deep.equal(['Hello', 'World']);27 });28});

Automation Testing Tutorials

Learn to execute automation testing from scratch with LambdaTest Learning Hub. Right from setting up the prerequisites to run your first automation test, to following best practices and diving deeper into advanced test scenarios. LambdaTest Learning Hubs compile a list of step-by-step guides to help you be proficient with different test automation frameworks i.e. Selenium, Cypress, TestNG etc.

LambdaTest Learning Hubs:

• JUnit Tutorial
• TestNG Tutorial
• Webdriver Tutorial
• WebDriverIO Tutorial
• Protractor Tutorial
• Selenium 4 Tutorial
• Jenkins Tutorial
• NUnit Tutorial
• Jest Tutorial
• Playwright Tutorial
• Cypress Tutorial
• PyTest Tutorial

YouTube

You could also refer to video tutorials over LambdaTest YouTube channel to get step by step demonstration from industry experts.

Run Appium Xcuitest Driver automation tests on LambdaTest cloud grid

Perform automation testing on 3000+ real desktop and mobile devices online.

View sample repo View DocumentationSign up Free

›

_