タグ

HTMLとテストに関するvccのブックマーク (9)

  • 通信系テストのためのサイトのススメ:example.com、httpbin.org、badssl.com - 病みつきエンジニアブログ

    HTTP通信の機能を持ったプログラムをテストするときに、どこにアクセスするか、迷うことがある。(モックが使えるならそれがいいけど) そんなときにおすすめな、example.comとhttpbinとbadssl.comを紹介してみる。 example.com 名前がそのままだが、example.com はちゃんと動くサイトである。よくサンプル文字列として(例えばメールアドレスとかで)仕込んでたのだが、最近まで当に生きたサイトだとは知らなかった。 亜種に example.org とか example.netもある。RFC 2606に定義されているそうで、第三者に悪影響が及ばないことを保障することができるとある。Wikipediaにも記事がある。 ただ、あくまで普通のウェブサイトであり、「403をテストしたい」といった特殊なテストには合わない。そんな人にhttpbinをおすすめしたい。 htt

    通信系テストのためのサイトのススメ:example.com、httpbin.org、badssl.com - 病みつきエンジニアブログ
  • ウノウラボ Unoh Labs: WEBアプリのテストに便利なFirefoxのアドオン

    こんにちは! のりPと同い年ですが、クラブ通いは●年前に卒業しました やまもと@テスト番長です。 早いもので、もうお盆の帰省シーズンですね。 今年の夏は世間の騒がしい日々が続いておりますが、みなさんお変わりございませんでしょうか。 さて、Firefoxといえば豊富なアドオンですが、今回はテスター目線で WEBアプリケーションのテストに便利なFirefoxアドオンを並べてみたいと思います。 Firesizer ブラウザの画面サイズを整えることが出来ます。 InFormEnter 準備しておいた値を入力フォームにセットしてくれます。 MeasureIt 画面上のピクセルサイズを測ることが出来ます。 Regular Expressions Tester 正規表現での検索がその場で出来ます。 FireShot キャプチャにメモを書き込んだり出来ます。 Web Developer F

  • [Think IT] 第7回:Selenium IDEの活用とSelenium利用時の注意点 (1/3)

    前回までにHTMLJavaでSeleniumのテストケースを作成してきました。SeleniumでWebブラウザの操作や検証ができるというメリットや、その一方でテストケースを作成するのは面倒そうだと実感された方もいるかもしれません。 そんな手間のかかるテストケース作成を支援してくれるツールが今回紹介する「Selenium IDE」です。今回はSelenium IDEを使ってテストケースを作成してみましょう。 Selenium IDEはFirefoxのエクステンションですので、あらかじめFirefoxをインストールしておいてください。それではSelenium IDEを以下の手順でインストールします。 まず最初にFirefoxを起動し、以下のURLを開きます。 次に最新版の「Firefox extension」のリンクをクリックします。初回のインストール時はFirefox上に「あなたのコンピュ

  • ブラウザを選ばずWebテストを自動化するSelenium

    Webアプリケーションのファンクションテストを行うツールとして注目されている「Selenium」のバージョン1.0が6月20日にリリースされました。安定性が向上するとともに、Firefox 3.0、3.5(Selenium IDEは1.0.2から、Firefox 3.5に対応)や、Internat Explorer(以下、IE) 8などの最新のWebブラウザにも対応しました。 稿では、Selenium 1.0をベースとしたSelenium IDEとSelenium RCを利用した効果的なSeleniumの利用方法を紹介します。 Webアプリのテストで誰もがイラつく大きな課題 Webアプリケーションテストを手で行うと、非常に煩雑です。Selenium登場以前の従来のやり方では、次のような問題がありました。 回帰テストに時間がかかる バグ修正や仕様変更などで、Webアプリケーションを変更した

    ブラウザを選ばずWebテストを自動化するSelenium
  • ウノウラボ Unoh Labs: WEBアプリテストのチェック項目リスト

    こんにちは!やまもと@テスト番長です。 TestingGeekという耳障りの良い名前のサイトをご存知でしょうか? 総合的にテストの話を取り扱っており、それでいて読みやすいサイトです。 そこのTemplatesのコーナーにWeb Application Testing Checklist という便利そうなものがありましたので、日語にしてみました。 ちょっとそのままだと物足りない感がありますが、テストポリシー作成の叩き台に使ってみるのも良さそうですね。 この手のリストを他にもご存知の方がいらっしゃれば、是非ご一報ください。 1. 機能テスト 1.1 リンク 1.1.1 記載された通りの先に遷移するか 1.1.2 どこからもリンクされないページは存在しないか 1.1.3 全ての外部リンク 1.1.4 参照しているサイトおよびメールアドレスはハイパーリンクになっているか? 1.1

  • モバイルサイトをPCで見るためのツールやFirefoxアドオン : LINE Corporation ディレクターブログ

    こんにちは。ライブドアでモバイルディレクターをしている河野です。 モバイルディレクターをしていますと、モバイルのサイトをPCで見たいという要望が少なからずあります。それは、PC からの方が実機で見るよりレスポンスが早く、また電波状況に左右されずに閲覧できたり、リンク先の URL の情報やヘッダ情報、画面キャプチャーなど実機からでは得られない情報を取得することができるからです。 そこで今回はモバイルサイトを PC で閲覧する方法についてまとめながら、開発を進めるのに便利なツールや Firefox のアドオンを紹介できればいいなと思います。 Web サーバは一般的に2つの方法でアクセスがモバイルからかどうかを判定します。1つはアクセス元のIP、そしてもう1つは HTTP ヘッダ中にある User-Agent です。そのため、携帯キャリアのゲートウェイ経由からのアクセスのみ閲覧を認めるサイト(つ

    モバイルサイトをPCで見るためのツールやFirefoxアドオン : LINE Corporation ディレクターブログ
  • labs blog (株式会社ナレッジデータベース) - プログラマが生産性を上げるためにoperaを使うべき11の理由

    This domain may be for sale!

  • テストを自動化する注目のツールSelenium:ITpro

    ケイビーエムジェイ 最高技術責任者。普段はWebアプリケーションの開発を主に行っています。Seleniumを初めて知ったときは,特にWebブラウザが自動的に操作される様子が見えることや,そのテストの書き方の単純さに感動しました。その後テストをさらに簡単に作成できるようにしたいと思い,Selenium IDEを開発しています。 多くのWebサイトは,一度リリースしたらそれで終わりということはありません。リリース後も多くの機能追加や機能変更によるアップデートが頻繁に行われます。プログラムに変更を加えたときには,新たなバグが入り込んでいないことを確認するテストが不可欠です。 システムのリリース前にテストを実施するのはWebサイトに限った話ではありません。が,Webサイトの開発では,画面の確認のような手間がかかるテストが必要です。リリースの頻度が高い場合,そのようなテストを毎回手作業で行うとコスト

    テストを自動化する注目のツールSelenium:ITpro
  • 低スペックPCでも使える! Webブラウザでサイト作成 (1/3) ― @IT

    低スペックPCでも使える! Webブラウザでサイト作成:どこまでできる? 無料ツールでWebサイト作成(3)(1/3 ページ) 低スペックPCでも使える! プレビューが正確! 突然だが、Webサイト作成、というとアプリケーションベースの開発環境をイメージしていたのは筆者だけだろうか? コーディングというと、テキストエディタから始まり、FrontPage、Dreamweaver、Expression Web、最近ではAptanaなども使用しているが、いずれもアプリケーションでの開発を行っている私にとって、実はInternet Explorer(以下、IE)やFirefoxなどのWebブラウザでのコーディングは新鮮なものであったりする。 プレビューが正確で動作も軽い! 結構いけるかも 何しろプレビュー(というかビュー)は正確そのものだし(当たり前か)、そして、意外に動作が軽い。アプリケーション

    低スペックPCでも使える! Webブラウザでサイト作成 (1/3) ― @IT
  • 1