簡単！ JavaScriptで自動UIテスト (NodeJS, Selenium Webdriver, WebdriverIO, mocha, gulp) - Qiita
簡単！ JavaScriptで自動UIテスト (NodeJS, Selenium Webdriver, WebdriverIO, mocha, gulp)JavaScriptNode.jsSeleniummochagulp はじめに Webアプリ開発において、UIのテストは手動になりがちで、 専門のQAチームがいないと、なおざりになるケースが多いかと思います。 本記事では、オープンソースウェアのSelenium Webdriverを主軸に 現時点で筆者が最善だと思う 「JavaScriptで自動UIテストを行う」 方法をご紹介します。(ES6準拠) ポイント ワンライナーで実行可能にする (CI向き) テスト修正が容易 (保守性 高) Windows/Mac環境に依存しない (チーム開発向き) 環境 Windows 10 (Version 1607) / macOS Sierra 10.1
npmから乗り換えてわかったYarnの4つのメリット
この記事は加筆・修正して「npmから乗り換えてわかったYarnの4つのメリット - ICS MEDIA」に引っ越しました。 3万PV、280いいねとフロントエンド界隈でご好評いただいた内容です。ぜひご覧ください。 ※ Google検索で辿り着いた方にリンク切れとなっては申し訳ないので、元の記事を残しています。ご了承ください。 Register as a new user and use Qiita more conveniently You get articles that match your needsYou can efficiently read back useful informationYou can use dark themeWhat you can do with signing up
「position: sticky;」より便利！スクロールしたらヘッダやサイドバーがぴたっと貼り付くスクリプト -Fixed Sticky
HTMLは汚さずに、ヘッダ、ナビゲーション、サイドバー、ボタンなど、さまざまな要素をスクロールした際に指定した位置にぴたっと貼り付けるスクリプトを紹介します。 IE7+からサポートされており、「position: sticky;」の代替になる便利なスクリプトです。 Fixed Sticky- GitHub Fixed Stickyの特徴 Fixed Stickyのデモ Fixed Stickyの使い方 Fixed Stickyの特徴 Fixed Stickyで貼り付ける要素の位置は、親要素に依存します。 つまり、スクロールしてぴたっと貼り付く位置は、常に親要素となるコンテナ内です。 基本的な動作を見てみましょう。 まずは、要素に「top: 20px;」を指定してみます。
LINE BLOGアプリ開発で contenteditable と戦った話
こんにちは、LINE Fukuoka の tarunon です。LINE BLOG iOSのリリースまで、クライアントとエディタの開発を担当していました。昨年11月に、LINE BLOG は一般開放と、iOS/Androidクライアントの公開を行いました。ほぼ1年がかりの開発だったのですが、クライアント側で最も大変だったのがエディタの開発でした。この記事では LINE BLOG のエディタの根幹を支えている Workaround について解説します。普段は Swift を書いていて、ほぼその話しかしていないのですが、今回は HTML と JavaScript の話になります。 LINE BLOG はこういったサービスです。 LINE BLOG - 芸能人・有名人ブログ LINE BLOGエディタはWebブラウザの上で動作しています。開発は iOS/Android 共通のソースコードで、 i
swift + javascript 値渡しでWKWebViewはすごかった - Qiita
WebKitがでてしばらく経つのですが、Webと連携したものをしっかり作ったことがなかったので簡単にメモっときます。 javascript -> swiftへ値を渡してみます。 WKWebViewってなんだ? いわゆるWebViewの拡張版と考えてもらえれば分かりやすいです。 特にjavascriptとの連携が強化されたものです。 WebViewで起きてしまった問題 WebViewから値を持ってくる時はどうしていたでしょうか? 例としてボタンが押された時に値をswift側に持ってきたい。 SwiftとJavascriptの通信を参考にこんな感じにやっていました。 location.href = "hoge:// {"url":"exsample.com","user":"tom"}" func webView(webView: UIWebView, shouldStartLoadWithR
SwiftのWKWebViewでwindow.close()が効かない時がある - Qiita
//classにWKScriptMessageHandlerを追加 //WKWebViewConfigurationにuserscript追加 let webViewConfiguration = WKWebViewConfiguration() let userController:WKUserContentController = WKUserContentController() //messageHandlersの名前を登録 //addScriptMessageHandler() => add()に変わったみたいです。 userController.add(self, name: "windowClose") //windowがloadされる前にjsを追加 if let path = Bundle.main.path(forResource: "WindowClose", ofTy
Node.jsでShift_JISのCSVを読み書きする - Qiita
const data = [ { fullname: '山田太郎', age: '25', height: '170', weight: '60' }, { fullname: '山田二郎', age: '24', height: '171', weight: '55' }, { fullname: '山田三郎', age: '22', height: '172', weight: '60' }, { fullname: '山田四郎', age: '21', height: '168', weight: '58' } ] import parse = require('csv-parse') import fs = require('fs') import iconv = require('iconv-lite') const headers = { '名前': 'fullname', '
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
React Nativeが 楽しく感じるまでの話
PHP 暗号化(ハッシュ化)したパスワードの復元