コンポーネント/単体テスト単位でのvisual regressionテストを行うためのツールを作った話し - Qiita
この記事は「WACUL Advent Calendar 2016」の23日目です。 今年の10月からWACULでフロントエンドエンジニアをしている@bokuwebと申します。 今回はコンポーネント単位でのvisual regressionテストについて書いてみたいと思います。 概要 単体テスト時にコンポーネントのキャプチャーを取り、差分を取るvisual regressionテストを行うために、karma-nightmareとreg-cliというツールを作りました。まだ実験的ではありますが、それらを用いたテストや作成時に検討したことなどを書いてみます。 そもそもViewのテストどうしてます？ フロントエンドやっている方と話すときに、よく、Viewのテストをどこまで、どんなふうにやるか？というざっくりした質問をしてみたりします。「お、その話題ですか！」というリアクションする方もちらほらいて関
CSS in JS と CSS Modules // Speaker Deck
ng-kyoto 主催「ng-kyoto Angular Meetup #3」での発表資料です。 http://ng-kyoto.connpass.com/event/20512/
ReactのHigher Order Components詳解 : 実装の2つのパターンと、親Componentとの比較 | POSTD
ReactのHigher Order Components詳解 : 実装の2つのパターンと、親Componentとの比較 (編注：2016/7/27、いただいたフィードバックをもとに記事を修正いたしました。) 概要 この投稿は、HOCパターンを利用してみたいという 上級ユーザ 向けの記事です。もしReactが初めての方は、まず Reactのドキュメント を読むところから始めるとよいでしょう。 Higher Order Componentsは、さまざまなReactライブラリにとって価値があることがわかっている素晴らしいパターンです。この投稿で、HOCとは何か、できることは何か、制約は何か、どのように実装するのか……という点について詳細に見ていきます。 付録として、関連トピックについても見ていきます。それらは、HOCを学ぶ上での中核にはならないものの、カバーしておくべきだと私が思っているもので
X-Tag - Web Components Library
Getting Started The most important method in the X-Tag library is xtag.create(). The create function on the X-Tag object is what you'll use to create new custom element definitions, which can include things like lifecycle callbacks, attribute-linked getters/setters (accessors), and event listeners. Here's what defining a simple custom element looks like with X-Tag: const Frank = xtag.create('x-fra
次世代Webカンファレンスお疲れ様でした。 - らこらこブログ
お疲れ様でした。 セッションの内容に関しては動画がありますし、実況ツイートに関してはTogetterさんがしっかりまとめてくれてるのでどうぞ。 togetter.com front_archというテーマで登壇しましたが実況ツイートでも多く見られるように次世代成分が足りてなかったなというのは80分終わった瞬間に自分でも思いました。ので、ブログでちょっとだけ持論を補足しておきます。 標準仕様で繋がるWeb 私が次世代のWebに期待しているのは、異なるライブラリやフレームワークが標準仕様を通してコミュニケーションするのが当たり前になる世界です。 C88で頒布されたTechBoosterの「ジャバスクリプトゥーン」の第1章を書かせてもらいましたが、そのコラムでPolymerとその他のライブラリがWebIDLでコミュニケーションし、独自のHTML要素のAPI定義を他のライブラリから参照できるようにな
Flow + React | Flow
Was this guide helpful? Let us know by sending a message to @flowtype.
React Bootstrap Star Rating - (rudolph-miller)
React Bootstrap Star Ratingを作った. 作ったので軽く紹介する. GitHubはReact Bootstrap Star Rating. React Bootstrap Star Rating See Also React Bootstrap Star Rating 作り始めた動機はあるプロジェクトでBowerでjQueryが使われており、 commitするにあたってそれらを殲滅しnpmとReactを導入しようと思ったが、 どうもReactには良い感じのStar rating libraryが無かったから. Star Rating in React npmのdownload statsで一番だったのはreact-star-rating (939 downloads in the last month) で、 それ以外はほとんど使われていないようだった. react
Straightforward React UI Testing | Toptal®
Editor’s note: This article was updated on 10/17/2022 by our editorial team. It has been modified to include recent sources and to align with our current editorial standards. Fully testing user interactions is notoriously difficult. Front-end views weren’t well-suited for traditional automated testing frameworks until React.js came along. With the advent of single page application (SPA) frameworks
Ext.ux.TouchCalendar – A Sencha Touch Calendar component | Web Design Scotland, Web Design Glasgow | SwarmOnline Web Design
Overview Ext.ux.TouchCalendar is an extension and series of related plugins that allow a calendar component to be integrated into Sencha Touch 1 and 2 applications. Links to the repository, documentation and demos (along with some inline demos) can be found further down this post. Sencha Touch 2 Support! Finally the Ext.ux.TouchCalendar has been upgraded to be compatible with Sencha Touch 2 and we
15 jQuery Plugins To Create A User Friendly Tooltip - Web Design Booth
Tooltip is a good way to show extra information when user hovers the cursor over an element. The “hover box” will appear when the mouse hover in, and disappear when the mouse hover out. If the tooltip is being used appropriately, it can improve our site’s user friendly level, and also save us a lot of spaces. Today, we are going to see 15 jQuery plugins to create an user friendly tooltip. Related
Adobe Flash & Facebook Platform samples | Adobe Developer Connection
Flash Player’s EOL is coming at the end of 2020. See the roadmap for Flash Player and AIR’s EOL: Adobe Flash Player EOL General Information Page The Future of Adobe AIR You can access the archived documents relevant to Flash Runtime even after the Flash EOL date. We are providing access to the archived documents for all the user/developers community to download. These documents are now no longer u
http://www.flabell.com/flash/Flash-Full-Text-Search-Component-38
For full functionality of this site it is necessary to enable JavaScript. Here are the instructions how to enable JavaScript in your web browser.
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - Semantic-Org/Semantic-UI-React: The official Semantic-UI-React integration
GitHub - bvaughn/react-virtualized: React components for efficiently rendering large lists and tabular data
redux-form v6 API Proposal · Issue #726 · redux-form/redux-form
GitHub - fmoo/react-typeahead: Pure react-based typeahead and typeahead-tokenizer
GitHub - jesstelford/react-testing-mocha-jsdom: Unit testing React Components with Mocha + jsdom
react-components.com
Adobe Flex 3 Component Explorer