ReactとSeleniumの幸せな関係

Feb 9, 20173 likes7,353 views

Akira Kuratani

2017/2/9 に株式会社チームスピリットで開催されたCI/CD NIGHTのLT資料です。 React.jsで構築したWebサービスをSeleniumでE2EテストするときにReact.js側で気をつけることをまとめました。

React Selenium
Happy life with React and Selenium!
CI / CD NIGHT (2017/2/9)
TeamSpirit Inc.
@a_kuratani

Akira Kuratani /
@a_kuratani
kuratani
TeamSpirit Inc.
QA
Podcast(migration.fm)

http://www.slideshare.net/teamspiritjp/240050000idteamspirit-55886980

React.js
• JUST THE UI
• VIRTUAL DOM
• DATA FLOW

•
• Selenium WebDriver DOM
• React.js DOM
•
• 6
•
•

• Page Object  
https://www.oreilly.co.jp/books/9784873117423/

Thank you
Happy life with React and Selenium!

Spring Bootのオートコンフィグレーションの恩恵によって、開発者はコンフィグレーションの煩わしさから解放され、Springを容易に動かすことができるようになりました。その反面、ブラックボックスになってハマってしまうことも少なくありません。本セッションでは、Spring Bootのオートコンフィグレーションの仕組み・デバッグ方法・カスタマイズ方法を説明します。本セッションを聞いてオートコンフィグレーションを便利に使っていきましょう。 (Spring Fest 2021での発表資料)

Azure API Management 俺的マニュアル貴志上坂

MySQLで論理削除と正しく付き合う方法yoku0825

ソーシャルゲームのためのデータベース設計Yoshinori Matsunobu

SPAのルーティングの話ushiboy

マイクロにしすぎた結果がこれだよ！mosa siru

This document summarizes a microservices meetup hosted by @mosa_siru. Key points include: 1. @mosa_siru is an engineer at DeNA and CTO of Gunosy. 2. The meetup covered Gunosy's architecture with over 45 GitHub repositories, 30 stacks, 10 Go APIs, and 10 Python batch processes using AWS services like Kinesis, Lambda, SQS and API Gateway. 3. Challenges discussed were managing 30 microservices, ensuring API latency below 50ms across availability zones, and handling 10 requests per second with nginx load balancing across 20 servers.

Redisの特徴と活用方法についてYuji Otani

「関心の分離」と「疎結合」ソフトウェアアーキテクチャのひとかけらAtsushi Nakamura

イミュータブルデータモデル(世代編)Yoshitaka Kawashima

オブジェクト指向できていますか？Moriharu Ohzu

Where狙いのキー、order by狙いのキーyoku0825

RESTful Web アプリの設計レビューの話Takuto Wada

インフラエンジニアの綺麗で優しい手順書の書き方Shohei Koyama

ヤフー社内でやってるMySQLチューニングセミナー大公開Yahoo!デベロッパーネットワーク

それはYAGNIか? それとも思考停止か?Yoshitaka Kawashima

DevLOVE X Day1 C-5のセッションです。 ITの活用範囲の広がりとともに、費用・品質よりもデリバリを優先するプロジェクトも増えてきました。しかし「しっかり考えるよりも、作ってリリースしちゃおうぜ、正解なんて誰にも分からないんだから」というマントラを唱えながら、返済見込みの立たない大量の技術的負債を抱える。それが最善の選択なのか、もう少しだけ立ち止まって考えてみませんか? YAGNIという言葉を便利に使いすぎてはいませんか? コードを書きなぐるのと、ちょっと考えて設計して作るのとで、そんなに開発スピードに違いがありますか? 考えてみたいと思います。

イミュータブルデータモデルの極意Yoshitaka Kawashima

SQLアンチパターン（インデックスショットガン）Tomoaki Uchida

テスト文字列に「うんこ」と入れるなKentaro Matsui

Python 3.9からの新定番zoneinfoを使いこなそうRyuji Tsutsui

Amazon Cognito使って認証したい？それならSpring Security使いましょう！Ryosuke Uchitate

This document contains code snippets related to Spring Security configuration and authentication. It defines classes and methods for configuring security, processing login requests, loading user details, and authenticating users. Key aspects include configuring security filters and authorization rules, processing username/password authentication, validating login credentials against encoded passwords, and loading pre-authenticated users based on access tokens.

[Japan Dreamin' 2022] エンジニアが学ぶカスタマーサクセスAkira Kuratani

This document discusses customer success and customer 360. It defines customer success as a business strategy that aims to increase customer retention and growth through a flywheel effect. Customer 360 is described as a data platform that supports customer success by providing a centralized database of customer information from various sources like orders, payments, support interactions, and app usage. It is concluded that customer success is an important business strategy, customer 360 helps enable customer success through consolidated customer data, and trailblazers will play a central role in driving business results.

愛される管理画面の作り方Akira Kuratani

More Related Content

What's hot (20)

怖くないSpring Bootのオートコンフィグレーション土岐孝平

Azure API Management 俺的マニュアル貴志上坂

MySQLで論理削除と正しく付き合う方法yoku0825

ソーシャルゲームのためのデータベース設計Yoshinori Matsunobu

SPAのルーティングの話ushiboy

マイクロにしすぎた結果がこれだよ！mosa siru

Redisの特徴と活用方法についてYuji Otani

「関心の分離」と「疎結合」ソフトウェアアーキテクチャのひとかけらAtsushi Nakamura

イミュータブルデータモデル(世代編)Yoshitaka Kawashima

オブジェクト指向できていますか？Moriharu Ohzu

Where狙いのキー、order by狙いのキーyoku0825

RESTful Web アプリの設計レビューの話Takuto Wada

インフラエンジニアの綺麗で優しい手順書の書き方Shohei Koyama

ヤフー社内でやってるMySQLチューニングセミナー大公開Yahoo!デベロッパーネットワーク

それはYAGNIか? それとも思考停止か?Yoshitaka Kawashima

イミュータブルデータモデルの極意Yoshitaka Kawashima

SQLアンチパターン（インデックスショットガン）Tomoaki Uchida

テスト文字列に「うんこ」と入れるなKentaro Matsui

Python 3.9からの新定番zoneinfoを使いこなそうRyuji Tsutsui

Amazon Cognito使って認証したい？それならSpring Security使いましょう！Ryosuke Uchitate

怖くないSpring Bootのオートコンフィグレーション土岐孝平

Azure API Management 俺的マニュアル貴志上坂

MySQLで論理削除と正しく付き合う方法yoku0825

ソーシャルゲームのためのデータベース設計Yoshinori Matsunobu

SPAのルーティングの話ushiboy

マイクロにしすぎた結果がこれだよ！mosa siru

Redisの特徴と活用方法についてYuji Otani

「関心の分離」と「疎結合」ソフトウェアアーキテクチャのひとかけらAtsushi Nakamura

イミュータブルデータモデル(世代編)Yoshitaka Kawashima

オブジェクト指向できていますか？Moriharu Ohzu

Where狙いのキー、order by狙いのキーyoku0825

RESTful Web アプリの設計レビューの話Takuto Wada

インフラエンジニアの綺麗で優しい手順書の書き方Shohei Koyama

ヤフー社内でやってるMySQLチューニングセミナー大公開Yahoo!デベロッパーネットワーク

それはYAGNIか? それとも思考停止か?Yoshitaka Kawashima

イミュータブルデータモデルの極意Yoshitaka Kawashima

SQLアンチパターン（インデックスショットガン）Tomoaki Uchida

テスト文字列に「うんこ」と入れるなKentaro Matsui

Python 3.9からの新定番zoneinfoを使いこなそうRyuji Tsutsui

Amazon Cognito使って認証したい？それならSpring Security使いましょう！Ryosuke Uchitate

More from Akira Kuratani (20)

[Japan Dreamin' 2022] エンジニアが学ぶカスタマーサクセスAkira Kuratani

愛される管理画面の作り方Akira Kuratani

Japan dreamin' 2020 - AppExchangeプロダクト開発を続けて見えてきたプラクティスAkira Kuratani

Salesforce World Tour Tokyo 2018 愛される AppExchangeアプリを創るべき「3つの理由」Akira Kuratani

Salesforce World Tour Tokyo 2017 (SalesforceDX〜Salesforceにも継続的デリバリーを〜)Akira Kuratani

静的解析、はじまったなAkira Kuratani

PMD Apex is a static code analysis tool for Apex that analyzes code to find defects, improves quality, and avoids bugs through rule-based inspections. It includes rulesets for ApexUnit tests, complexity, performance, security, and coding styles. PMD Apex can integrate with IDEs like Eclipse and Visual Studio Code as well as continuous integration tools like Jenkins to analyze code during the build process and flag any issues found. The presentation demonstrated how to use PMD Apex within an IDE and a continuous integration setup to improve code quality.