nsyeeのブックマーク - はてなブックマーク

[Testing][Perl]Test::WWW::SeleniumでPerlからSelenium RCを操作する
Selenium IDEを使うとhtmlの各種プログラミング言語用のテストコードも出力してくれます。 Perlの場合はTest::WWW::Seleniumモジュールを利用します。前記事「Selenium RCとSelenium IDEでWEBアプリのUIテストを簡単自動化」の操作で出力されるPerlコードは以下のようになります。 Selenium IDEによって出力されるコード use strict; use warnings; use Time::HiRes qw(sleep); use Test::WWW::Selenium; use Test::More "no_plan"; use Test::Exception; my $sel = Test::WWW::Selenium->new( host => "localhost", port => 4444, browser =>
nsyee 2008/01/22
selenium

テストツール
リンク
[JavaScript][Ext]Ext.jsの使い方メモ(Core機能)
Ext.jsの使い方メモです。Core機能をまとめてみようと思います。最初に必要なライブラリを読み込みます。(ext-1.0に展開されたソースがある前提) <script src="ext-1.0/adapter/yui/yui-utilities.js" type="text/javascript" charset="utf-8"></script> <script src="ext-1.0/adapter/yui/ext-yui-adapter.js" type="text/javascript" charset="utf-8"></script> <script src="ext-1.0/ext-all-debug.js" type="text/javascript" charset="utf-8"></script> スタイルシートの読み込みます。自分で全部定義するのは大変なの
nsyee 2008/01/22
javascript

ext
リンク
[JavaScript][Ext]ソート可能なテーブルを実装する
絶対お勧め！JavaScriptでテーブルソート「Table Sorter」普通のテーブルタグに対して、ヘッダ部分はtheadタグとthタグで作るだけでいい。データ部分は全体をtbodyタグで囲んで、tdタグで記述するだけだ。 Extを使っても同様の方法でソート可能なテーブルを実装できます。以下のサンプルからExt.grid.TableGridクラスをもらってきて使うだけです。 From Markup Grid Example Script var grid = new Ext.grid.TableGrid('the-table'); grid.render(); ロード時にページ内のテーブル全てに適用したければ下記のような感じでＯＫです。 Ext.onReady(function() { Ext.select('table').each(function (e) { var grid
nsyee 2008/01/22
javascript

ext
リンク
[JavaScript][Ext]Ext.jsのフォームコンポーネントと入力チェック
既存のhtmlを元にJavaScriptでリッチコントロール機能の追加や入力チェックを行う方法を紹介します。Ext1.1 beta1を元にしています。基本構文 // フォームオブジェクト生成 var comp = new Ext.form.TextField(); // HTMLElementへフォームオブジェクトを適用 comp.applyTo('elem-id'); 入力エラー時のツールチップを有効にするには以下のコードを入れておく必要があります。 Ext.QuickTips.init(); DateField まずは何かと使い道の多そうなDateField。年/月/日形式にするためにはformatを指定する必要があります。 var date = new Ext.form.DateField({ allowBlank:false, format: 'Y/m/d' }); date.a
nsyee 2008/01/22
ext

javascript
リンク
1