このページにはいろいろなTipsを書きます。
Js Test DriverはGoogleが提供しているJavaScript用のテスト環境である。
単体でサーバになって、ブラウザ上でのテストを可能にする。
さらに、NetBeans Connectorを使えれば、デバッグでもできるらしい。
詳しい設定方法等はここにある。
ここでは、具体的な手順を中心に説明する。
展開する必要はない。
HTML5プロジェクト"Test1"を、なにもオプションを指定せずに作成した場合について述べる。
var TestClass=function(){
this.add=function(a,b){
return a+b;
};
};TestCase('Test1',{
setUp:function(){
this.test_class=new TestClass();
},
'test Test1-1':function(){
assertEquals(this.test_class.add(2,3),5);
},
'test Test1-2':function(){
assertEquals(this.test_class.add(1,2),5);
}
});server: http://localhost:42442 load: - test/lib/jasmine/jasmine.js - test/lib/jasmine-jstd-adapter/JasmineAdapter.js - public_html/js/my.js - test/unit/*.js exclude:
ブラウザ画面全体に広がっているアプリを作ろうとすると、ベースとして全画面のdivタグがほしい。
が、以下のCSSでhtmlとbodyを全画面に広げると、なぜか横にスクロールバーが登場する。
html,body{
width:100%;
height:100%;
}
div#all_area{
width:100%;
height:100%;
background-color:yellow;
}<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>All Screen</title>
<link rel="stylesheet" href="AllScreen.css"></link>
</head>
<body>
<div id="all_area">
this is all_area.
</div>
</body>
</html>上記のコードを実行すると、div領域の周りに白い枠が出て、スクロールバーも表示される。
これは、bodyにmarginとして8が設定されていることが原因である。（ChromeとIE11では8だった）
したがって、CSSを下記のように修正すれば、ブラウザ全体のdiv領域を得ることができる。
html,body{
margin:0px;
width:100%;
height:100%;
}
div#all_area{
width:100%;
height:100%;
background-color:yellow;
}これでブラウザ画面全体が黄色のdiv領域となり、スクロールバーは表示されなくなる。
Javaセミナー2014ではTomcat7を使っているが、最新のTomcat8を入れたら、挙動がだいぶ違う。
request.setCharacterEncoding("UTF-8");<?xml version="1.0" encoding="UTF-8"?>
<Server port="8005" shutdown="SHUTDOWN">
<Service name="Catalina">
<Connector port="8080" protocol="HTTP/1.1" useBodyEncodingForURI="true" />
</Service>
</Server>