Skip to content

Commit 9acf0cc

Browse files
author
Kuniwak
committed
Improve stage1
1 parent 159265e commit 9acf0cc

File tree

1 file changed

+22
-36
lines changed

1 file changed

+22
-36
lines changed

‎public/stage1/tests.js‎

Lines changed: 22 additions & 36 deletions
Original file line numberDiff line numberDiff line change
@@ -1,16 +1,14 @@
11
'use strict';
22

3-
4-
53
describe('ステージ1（意図した DOM 要素を取得できるようになる）', function(){
64
describe('DOM インターフェース編', function() {
75
it('1 番の赤色の要素（ID は "firebrick"）が1つ取得できる', function(){
8-
var elementId = 'firebrick';
96

107
// チュートリアル
118
//
129
// 'change me!' を document.getElementById(elementId); に
1310
// 書き換えてください。
11+
var elementId = 'firebrick';
1412
var element = 'change me!';
1513

1614
expect(element).to.be.instanceof(HTMLElement);
@@ -19,65 +17,59 @@ describe('ステージ1（意図した DOM 要素を取得できるようにな
1917

2018

2119
it('2 番の橙色の要素（ID は "chocolate"）が1つ取得できる', function(){
22-
var elementId = 'chocolate';
2320

2421
// 'change me!' を書き換えてください。
22+
var elementId = 'chocolate';
2523
var element = 'change me!';
2624

27-
// 参考資料
28-
// https://developer.mozilla.org/ja/docs/Web/API/Document/getElementById
29-
3025
expect(element).to.be.instanceof(HTMLElement);
3126
expect(element).to.have.property('id', elementId);
27+
28+
// 参考資料
29+
// https://developer.mozilla.org/ja/docs/Web/API/Document/getElementById
3230
});
3331

3432

3533
it('3 番の緑色の要素（CSS クラス名は "mediumseagreen"）が1つ取得できる', function(){
36-
var elementClassName = 'mediumseagreen';
3734

3835
// 'change me!' を書き換えてください。
36+
var elementClassName = 'mediumseagreen';
3937
var elements = 'change me!';
4038

41-
// 参考資料
42-
// https://developer.mozilla.org/ja/docs/Web/API/Document/getElementsByClassName
43-
4439
expect(elements).to.have.length(1);
4540
expect(elements[0]).to.have.property('className', elementClassName);
41+
42+
// 参考資料
43+
// https://developer.mozilla.org/ja/docs/Web/API/Document/getElementsByClassName
4644
});
4745

4846

4947
it('4 番の水色の要素（CSS クラス名は "turquoise"）が2つ取得できる', function(){
50-
var elementClassName = 'turquoise';
5148

5249
// 'change me!' を書き換えてください。
50+
var elementClassName = 'turquoise';
5351
var elements = 'change me!';
5452

55-
// 参考資料
56-
// https://developer.mozilla.org/ja/docs/Web/API/Document/getElementsByClassName
57-
5853
expect(elements).to.have.length(2);
5954
expect(elements[0]).to.have.property('className', elementClassName);
6055
expect(elements[1]).to.have.property('className', elementClassName);
56+
57+
// 参考資料
58+
// https://developer.mozilla.org/ja/docs/Web/API/Document/getElementsByClassName
6159
});
6260

6361

6462
it('5 番の青色の要素（タグ名は "blockquote"）が1つ取得できる', function(){
65-
var elementTagName = 'blockquote';
6663

6764
// 'change me!' を書き換えてください。
65+
var elementTagName = 'blockquote';
6866
var elements = 'change me!';
6967

70-
// 参考資料
71-
// https://developer.mozilla.org/ja/docs/Web/API/Document/getElementsByTagName
72-
7368
expect(elements).to.have.length(1);
7469
expect(elements[0]).to.have.property('tagName', elementTagName.toUpperCase());
75-
});
76-
7770

78-
it.skip('6 番の紫色の要素（data-js-training 属性の値は "blueviolet"）が1つ取得できる', function(){
79-
// document.querySelector を学ばないと取得することができません！
80-
// 次に進んでください。
71+
// 参考資料
72+
// https://developer.mozilla.org/ja/docs/Web/API/Document/getElementsByTagName
8173
});
8274
});
8375

@@ -134,12 +126,6 @@ describe('ステージ1（意図した DOM 要素を取得できるようにな
134126
expect(elements).to.have.length(1);
135127
expect(elements[0]).to.have.property(secret('gntAnzr'), secret('C'));
136128
});
137-
138-
139-
it.skip('12 番の紫色の要素が1つ取得できる', function(){
140-
// document.querySelector を学ばないと取得することができません！
141-
// 次に進んでください。
142-
});
143129
});
144130

145131

@@ -231,12 +217,12 @@ describe('ステージ1（意図した DOM 要素を取得できるようにな
231217
// 'change me!' を書き換えてください。
232218
var selector = 'change me!';
233219

234-
// 参考資料
235-
// https://developer.mozilla.org/ja/docs/Web/CSS/Reference#Selectors
236-
237220
var element = document.querySelector(selector);
238221
expect(selector).to.not.have.string('#');
239222
expect(element).to.have.property(secret('vq'), secret('qnexbenatr'));
223+
224+
// 参考資料
225+
// https://developer.mozilla.org/ja/docs/Web/CSS/Reference#Selectors
240226
});
241227

242228

@@ -274,11 +260,11 @@ describe('ステージ1（意図した DOM 要素を取得できるようにな
274260
// 'change me!' を書き換えてください。
275261
var $element = 'change me!';
276262

277-
// 参考情報（英語）
278-
// http://api.jquery.com/jQuery/#jQuery1
279-
280263
expect($element).to.be.instanceof(jQuery);
281264
expect($element).to.have.id(secret('qnexbenatr'));
265+
266+
// 参考情報（英語）
267+
// http://api.jquery.com/jQuery/#jQuery1
282268
});
283269

284270

0 commit comments

Comments
 (0)