React
これは Reactのガイドを読んでいく記事です。 ガイドのリンク ja.reactjs.org リファレンス testRenderer.toTree() レンダーされたツリーを表すオブジェクトを返す。 toJSON()とは異なる点としてこのツリーはより詳細なものになり、ユーザ定義のコンポーネン…
これは React Native for macOSのスタートをやってみたメモ的なものです。 前回Windowsを触ったので今回はMacOSでやってみます。 参考 公式を参考にしています。 microsoft.github.io まずは導入前の準備をします ここを参考にするとよいそうです。 microsof…
これは Reactのガイドを読んでいく記事です。 ガイドのリンク ja.reactjs.org リファレンス testRenderer.toJSON() レンダーされたツリーを表すオブジェクトを返す。 このツリーはもしくはのようなプラットフォーム固有のノードとプロパティを含む。 しかし…
これは Reactのガイドを読んでいく記事です。 ガイドのリンク ja.reactjs.org リファレンス TestRenderer.act() TestRenderer.actはtest-utilsのactヘルパーと同様にアプリケーション用のコンポーネントを準備する。 これを使ってTestRenderer.create と tes…
これは Reactのガイドを読んでいく記事です。 ガイドのリンク ja.reactjs.org リファレンス TestRenderer.create() TestRenderer.create(element, options); 渡されたReact要素からTestRendererインスタンスを作成する。 実際のDOMは使用しないが、コンポー…
これは Reactのガイドを読んでいく記事です。 ガイドのリンク ja.reactjs.org 概要の続き 詳細は次回以降見ていく。 Test Renderer TestRenderer.create() TestRenderer.act() TestRenderer instance testRenderer.toJSON() testRenderer.toTree() testRende…
これは Reactのガイドを読んでいく記事です。 ガイドのリンク ja.reactjs.org Test Renderer インポート import TestRenderer from 'react-test-renderer'; // ES6 const TestRenderer = require('react-test-renderer'); // ES5 with npm 概要 このパッケー…
これは Reactのガイドを読んでいく記事です。 ガイドのリンク ja.reactjs.org その他のユーティリティ Simulate Simulate.{eventName}( element, [eventData] ) 省略可能なeventDataを使ってDOMノード乗のイベントディスパッチをシミュレートする。 Simulate…
これは Reactのガイドを読んでいく記事です。 ガイドのリンク ja.reactjs.org テストユーティリティ renderIntoDocument() renderIntoDocument(element) ドキュメントから切り離されたDOMノードにレンダーする。 DOMノードにレンダーするため、実行にはDOMが…
これは React Native for Windowsのスタートをやってみたメモ的なものです。 React Native for Windows for Macなるものがあるという情報を見たので、その前にWindows向けを触ってみようと思って書いてます。 参考 公式を参考にしています。 microsoft.githu…
これは Reactのガイドを読んでいく記事です。 ガイドのリンク ja.reactjs.org テストユーティリティ findRenderedComponentWithType() findRenderedComponentWithType( tree, componentClass ) scryRenderedComponentsWithType() と同様。 このメソッドは結…
これは Reactのガイドを読んでいく記事です。 ガイドのリンク ja.reactjs.org テストユーティリティ scryRenderedComponentsWithType() scryRenderedComponentsWithType( tree, componentClass ) 型がcomponentClassと同じコンポーネントのインスタンスを全…
これは Reactのガイドを読んでいく記事です。 ガイドのリンク ja.reactjs.org テストユーティリティ findRenderedDOMComponentWithTag() findRenderedDOMComponentWithTag( tree, tagName ) scryRenderedDOMComponentsWithTag() と同様のメソッド。 このメソ…
これは Reactのガイドを読んでいく記事です。 ガイドのリンク ja.reactjs.org テストユーティリティ scryRenderedDOMComponentsWithTag() scryRenderedDOMComponentsWithTag( tree, tagName ) レンダリングされたツリー内に存在するタグ名に一致するDOMコン…
これは Reactのガイドを読んでいく記事です。 ガイドのリンク ja.reactjs.org テストユーティリティ findRenderedDOMComponentWithClass() findRenderedDOMComponentWithClass( tree, className ) 昨日のscryRenderedDOMComponentsWithClass() と同様だが、…
これは Reactのガイドを読んでいく記事です。 ガイドのリンク ja.reactjs.org テストユーティリティ scryRenderedDOMComponentsWithClass() レンダーされたツリー内に存在するクラス名が一致するDOMコンポーネントから すべてのDOM要素を探し、結果を返す。 …
これは Reactのガイドを読んでいく記事です。 ガイドのリンク ja.reactjs.org テストユーティリティ findAllInRenderedTree() findAllInRenderedTree( tree, test ) treeの中の全てのコンポーネントを横断してtestがtrueである全てのコンポーネントを集め結…
これは Reactのガイドを読んでいく記事です。 ガイドのリンク ja.reactjs.org テストユーティリティ isCompositeComponent() isCompositeComponent(instance) instanceがクラスや関数のようなユーザ定義のコンポーネントだった場合trueを返す。 isCompositeC…
これは Reactのガイドを読んでいく記事です。 ガイドのリンク ja.reactjs.org テストユーティリティ isElementOfType() element がcomponentClass型の React 要素である場合 true を返す。 昨日は任意であるのに対して、型を指定するタイプになります。 isEl…
これは Reactのガイドを読んでいく記事です。 ガイドのリンク ja.reactjs.org テストユーティリティ isElement() element が任意の React 要素である場合 true を返す。 expect(TestUtils.isElement(<div />)).toBe(true); @JS('React.addons.TestUtils.isElement')</div>…
これは Reactのガイドを読んでいく記事です。 ガイドのリンク ja.reactjs.org テストユーティリティ mockComponent() mockComponent( componentClass, [mockTagName] ) モック化されたコンポーネントモジュールをこのメソッドに渡すとダミーのReactコンポー…
これは Reactのガイドを読んでいく記事です。 ガイドのリンク ja.reactjs.org テストユーティリティ act() アサーション用のコンポーネントの準備のためにレンダーして更新を実行するコードをact()でラップする。 ラップすることでテストはブラウザでのReact…
これは Reactのガイドを読んでいく記事です。 ガイドのリンク ja.reactjs.org テストユーティリティ 概要 ReactTestUtilsはReactコンポーネントのテストをしやすくするもの。 FacebookではJestを利用している。 Jestを使いたい場合はチュートリアルを使って…
これは Reactのガイドを読んでいく記事です。 ガイドのリンク ja.reactjs.org 合成イベント (SyntheticEvent) リファレンス UI イベント イベント名：onScroll プロパティ： number detail DOMAbstractView view ホイールイベント イベント名：onWheel プロ…
これは Reactのガイドを読んでいく記事です。 ガイドのリンク ja.reactjs.org 合成イベント (SyntheticEvent) リファレンス 選択イベント イベント名：onSelect タッチイベント イベント名：onTouchCancel onTouchEnd onTouchMove onTouchStart プロパティ：…
これは Reactのガイドを読んでいく記事です。 ガイドのリンク ja.reactjs.org 合成イベント (SyntheticEvent) リファレンス フォームイベント イベント名：onChange onInput onInvalid onReset onSubmit フォームに詳細は書いてあるのでここでは紹介だけにな…
これは Reactのガイドを読んでいく記事です。 ガイドのリンク ja.reactjs.org 合成イベント (SyntheticEvent) リファレンス フォームイベント イベント名：onChange onInput onInvalid onReset onSubmit フォームに詳細は書いてあるのでここでは紹介だけにな…
これは Reactのガイドを読んでいく記事です。 ガイドのリンク ja.reactjs.org 合成イベント (SyntheticEvent) リファレンス キーボードイベント イベント名：onKeyDown onKeyPress onKeyUp プロパティ： boolean altKey number charCode boolean ctrlKey boo…
これは Reactのガイドを読んでいく記事です。 ガイドのリンク ja.reactjs.org 合成イベント (SyntheticEvent) リファレンス クリップボードイベント イベント名：onCopy onCut onPaste プロパティ：DOMDataTransfer clipboardData コンポジションイベント イ…
これは Reactのガイドを読んでいく記事です。 ガイドのリンク ja.reactjs.org 合成イベント (SyntheticEvent) サポートするイベント Reactは異なるブラウザ間でも一貫したプロパティを持つよう正規化する。 サポートしているイベントは以下のようなものがあ…
