Spring Boot + npm + Geb で入力フォームを作ってテストする ( 大目次 )

GitHub は https://github.com/ksby/ksbysample-boot-miscellaneous

1. その１ ( 概要 )
2. その２ ( Project の作成 )
3. その３ ( Project の作成２ )
4. その４ ( nodist + Node.js のインストール )
5. その５ ( Bootstrap, AdminLTE, Font Awesome, Ionicons のインストール )
6. その６ ( URL の決定 )
7. その７ ( webpack + browser-sync をインストールする )
8. その８ ( 各画面の HTML を作成する )
9. その９ ( 各画面の HTML を作成する２ )
10. その１０ ( 各画面の HTML を作成する３ )
11. その１１ ( PostCSS で common.css を minify する + autoprefixer, stylelint を導入する )
12. 番外編 ( IntelliJ IDEA 2017.2 の新機能 Run Dashboard を試してみる )
13. その１２ ( HTML を Thymeleaf テンプレートファイルにする + Controller クラスを作成する )
14. その１３ ( HTML を Thymeleaf テンプレートファイルにする + Controller クラスを作成する２ )
15. その１４ ( browser-sync --> Tomcat 連携してファイル変更時に自動リロードで反映される環境を構築してみる )
16. 番外編 ( browser-sync + http-proxy-middleware で https の環境を構築する )
17. その１５ ( Flyway のインストール + Spring Security 使用時に H2 Console に接続する + IntelliJ IDEA の Database Tools で in-memory モードの H2 Database に接続する )
18. その１６ ( H2 Database に Flyway でテーブルを作成する )
19. その１７ ( 入力画面１を作成する )
20. その１８ ( 入力画面１を作成する２ )
21. その１９ ( 入力画面１を作成する３ )
22. その２０ ( 入力画面１を作成する４ )
23. その２１ ( 入力画面１を作成する５ )
24. その２２ ( 入力画面２を作成する )
25. その２３ ( 入力画面２を作成する２ )
26. その２４ ( 入力画面２を作成する３ )
27. その２５ ( 入力画面２を作成する４ )
28. その２６ ( 入力画面２を作成する５ )
29. その２７ ( 入力画面２を作成する６ )
30. その２８ ( Spring Boot を 1.5.4 → 1.5.7 へ、error-prone を 2.0.15 → 2.1.1 へバージョンアップする )
31. 番外編 ( ModelMapper メモ書き )
32. その２９ ( Geb をインストールする )
33. その３０ ( Geb を 2.0 へバージョンアップする＋Firefox headless モードを使用する )
34. その３１ ( テスト対象のブラウザに Headless Chrome と HtmlUnit を追加する＋Chrome, Firefox, HtmlUnit で連続テストする gradle タスクを作成する )
35. その３２ ( npm の admin-lte package から jQuery がなくなっていたので対応する )
36. 番外編 ( webpack で jQuery だけバンドルしないで外部ファイルを利用するには？ )
37. その３３ ( ESLint を導入する )
38. その３４ ( Geb でテストを作成する )
39. その３５ ( Geb でテストを作成する２ )
40. その３６ ( Node.js を 6.11.1 → 8.9.1 へ、npm を 4.0.5 → 5.5.1 へバージョンアップする )
41. その３７ ( Jest で jQuery を利用したモジュールのテストを書く )
42. その３８ ( IntelliJ IDEA から Jest のテストを実行する )
43. その３９ ( Spring Boot を 1.5.7 → 1.5.9 へバージョンアップする )
44. その４０ ( Form.js のテストを Jest で書く )
45. その４１ ( IntelliJ IDEA で Javascript を debug する )
46. その４２ ( Form.js のテストを Jest で書く２ )
47. その４３ ( Jest で jQuery.ajax の処理のテストを書く )
48. その４４ ( Jest で setTimeout の処理のテストを書く )
49. 番外編 ( Jest ＋ axios ＋ Nock, xhr-mock でテストを書いてみる )
50. 番外編 ( MobX を使用してみる )
51. 番外編 ( MobX を使用してみる２ )
52. その４５ ( gradle の build タスク実行時に Javascript の build＋テスト を実行する )
53. その４６ ( Spring Boot を 1.5.9 → 1.5.10 へ、error-prone を 2.1.3 → 2.2.0 へ、Geb を 2.0 → 2.1 へバージョンアップする )
54. その４７ ( Node.js を 8.9.1 → 8.9.4 へ、npm を 5.5.1 → 5.6.0 へバージョンアップする )
55. その４８ ( 入力画面３を作成する )
56. その４９ ( 入力画面３を作成する２ )
57. その５０ ( 入力画面３を作成する３ )
58. その５１ ( 入力画面３を作成する４ )
59. その５２ ( 入力画面３を作成する５ )
60. その５３ ( Gradle を 3.5 → 4.6 へバージョンアップする )
61. その５４ ( webpack を 3.8.1 → 4.9.1 へバージョンアップする )
62. その５５ ( PMD を 5.8.1 → 6.4.0 へバージョンアップする )
63. その５６ ( PMD を 5.8.1 → 6.4.0 へバージョンアップする２ )
64. その５７ ( build.gradle に記述する BOM を Spring IO Platform のものから Spring Boot のものに変更する )
65. その５８ ( 確認画面を作成する )
66. その５９ ( 確認画面を作成する２ )
67. その６０ ( 確認画面を作成する３ )
68. その６１ ( 確認画面を作成する４ )
69. その６２ ( 確認画面を作成する５ )
70. その６３ ( MockMvc#perform 呼び出し時に .with(csrf()) を付けていなくてもテストが成功していた理由とは？ )
71. その６４ ( 入力画面３を作成する６、@SpringBootTest のテストは Spock＋Groovy より JUnit4＋Groovy の方が速い？ )
72. その６５ ( Gradle を 4.6 → 4.8.1 へ、Checkstyle を 8.8 → 8.11 へ、PMD を 6.4.0 → 6.5.0 へ、error-prone を 2.2.0 → 2.3.1 へバージョンアップする )
73. その６６ ( Node.js を 8.9.4 → 8.11.3 へ、npm を 5.6.0 → 6.2.0 へ＋ Javascript のライブラリをバージョンアップする )
74. その６７ ( Prettier のインストール＋Jest Each を試してみる )
75. その６８ ( Spring Boot を 1.5.10 → 1.5.14 へバージョンアップする )
76. その６９ ( 再び eslint-config-airbnb-base をインストールする )
77. その７０ ( 完了画面を作成する )
78. その７１ ( Geb で入力画面１～３→確認画面→完了画面を通したテストを作成する )
79. 番外編 ( gradle-processes を利用して Geb のテスト前に Spring Boot の Web アプリを自動起動する )
80. その７２ ( Windows で本番稼働させるためのディレクトリ作成、jar ファイル配置、bat ファイル作成、サービス登録、動作確認 )
81. 感想
82. その７３ ( Spring Boot を 1.5.14 → 2.0.4 へバージョンアップする )
83. 番外編 ( IntelliJ IDEA に Rainbow Brackets Plugin をインストールする )
84. その７４ ( FindBugs 3.0.1 → SpotBugs 3.1.3 に切り替える )
85. その７５ ( コネクションプーリング用ライブラリを Tomcat connection pool → HikariCP に切り替える )
86. その７６ ( Spring Boot Actuator を導入する )
87. その７７ ( RequestAndResponseLogger クラスの Cookie ログは name, value だけ出力するように変更する＋SESSION Cookie の secure 属性を true にするには？ )
88. その７８ ( PMD を 6.5.0 → 6.6.0 へバージョンアップする＋gradle-processes を導入する )

---

ここからフレームワーク（Spring Boot 2.1.x 等）や各種ライブラリのバージョンアップ編です。

1. その７９ ( webdriver-binaries-gradle-plugin を利用して WebDriver の個別ダウンロードを不要にする )
2. その８０ ( nodist を 0.8.8 → 0.9.1 へ、Node.js を 8.11.4 → 10.15.3 へ、npm を 6.2.0-next.1 → 6.9.0 へバージョンアップする )
3. その８１ ( eslint を 4.19.1 → 5.16.0 へ、windows-build-tools を 3.1.0 → 5.1.0 へ、jest を 23.4.1 → 24.7.1 へ、postcss-cli を 4.1.1 → 6.1.2 へバージョンアップする )
4. その８２ ( Gradle を 4.8.1 → 5.3.1 へ、Spring Boot を 2.0.4 → 2.1.4 へバージョンアップする )
5. その８３ ( Checkstyle を 8.11 → 8.19 へ、PMD を 6.6.0 → 6.13.0 へバージョンアップ＋JUnit 5 の導入＋ Oracle JDK 8u202 → AdoptOpenJDK 11.0.2+9 へ、error-prone を 2.3.1 → 2.3.3 へバージョンアップする)

---

ここからモジュールやツールの 2020/05 時点の最新バージョンアップ編です。

1. Spring Boot + npm + Geb で入力フォームを作ってテストする ( その８４ )( WebDriver を最新バージョンに上げる )
2. Spring Boot + npm + Geb で入力フォームを作ってテストする ( その８５ )( Node.js を 10.15.3 → 12.16.3 へ、npm を 6.9.0 → 6.14.5 へバージョンアップする )
3. Spring Boot + npm + Geb で入力フォームを作ってテストする ( その８６ )( eslint を 5.16.0 → 6.8.0 へ、jest を 24.7.1 → 26.0.1 へバージョンアップし、windows-build-tools を 5.1.0 → 4.0.0 へバージョンダウンする )
4. Spring Boot + npm + Geb で入力フォームを作ってテストする ( その８７ )( postcss-cli を 6.1.2 → 7.1.1 へ、prettier を 1.16.4 → 2.0.5 へ、stylelint を 9.10.1 → 13.3.3 へバージョンアップする )
5. Spring Boot + npm + Geb で入力フォームを作ってテストする ( その８８ )( Gradle を 5.3.1 → 6.4 へバージョンアップする )
6. Spring Boot + npm + Geb で入力フォームを作ってテストする ( その８９ )( Spring Boot を 2.1.4 → 2.2.7 へバージョンアップする )
7. Spring Boot + npm + Geb で入力フォームを作ってテストする ( その９０ )( Checkstyle を 8.19 → 8.32 へ、SpotBugs を 1.6.9 → 4.0.2 へ、PMD を 6.13.0 → 6.23.0 へ、error-prone を 2.3.3 → 2.3.4 へバージョンアップする )
8. Spring Boot + npm + Geb で入力フォームを作ってテストする ( その９１ )( Doma 2 を 2.28.0 → 2.34.0 へバージョンアップする＋domaGen タスクを doma-codegen-plugin を利用したものに作り直す )
9. Spring Boot + npm + Geb で入力フォームを作ってテストする ( その９２ )( http-proxy-middleware の createProxyMiddleware 関数の引数 context には Proxy させない URI を後に書く )

---

ここからモジュールやツールの 2021/10 時点の最新バージョンアップ編です。

1. Spring Boot + npm + Geb で入力フォームを作ってテストする ( その９３ )( WebDriver を最新バージョンに上げる )
2. Spring Boot + npm + Geb で入力フォームを作ってテストする ( その９４ )( Node.js を 12.16.3 → 14.18.0 へバージョンアップする )
3. Spring Boot + npm + Geb で入力フォームを作ってテストする ( その９５ )( eslint を 6.8.0 → 7.32.0 へ、jest を 26.0.1 → 27.2.4 へバージョンアップする )
4. Spring Boot + npm + Geb で入力フォームを作ってテストする ( その９６ )( postcss を 7.0.29 → 8.3.8 へ、postcss-cli を 7.1.1 → 9.0.1 へ、prettier を 2.0.5 → 2.4.1 へ、stylelint を 13.3.3 → 13.13.1 へバージョンアップする )
5. Spring Boot + npm + Geb で入力フォームを作ってテストする ( その９７ )( webpack を 4.43.0 → 5.56.0 へバージョンアップする )
6. Spring Boot + npm + Geb で入力フォームを作ってテストする ( その９８ )( Gradle を 6.4 → 6.9.1 へ、Spring Boot を 2.2.7 → 2.4.10 へ、Geb を 3.4 → 4.1 へバージョンアップする )
7. Spring Boot + npm + Geb で入力フォームを作ってテストする ( その９９ )( Gradle を 6.9.1 → 7.2 へ、Spring Boot を 2.4.10 → 2.5.4 へ、Geb を 4.1 → 5.0 へバージョンアップする )
8. Spring Boot + npm + Geb で入力フォームを作ってテストする ( その１００ )( Gradle を 6.9.1 → 7.2 へ、Spring Boot を 2.4.10 → 2.5.4 へ、Geb を 4.1 → 5.0 へバージョンアップする２ )
9. Spring Boot + npm + Geb で入力フォームを作ってテストする ( その１０１ )( Spring Boot を 2.5.4 → 2.5.5 へバージョンアップするが、Eclipse Adoptium OpenJDK（Eclipse Temurin）を 11.0.12+7 → 17+35 へバージョンアップするのは一旦諦める )
10. Spring Boot + npm + Geb で入力フォームを作ってテストする ( その１０２ )( SpotBugs を 4.0.2 → 4.4.1 へ、PMD を 6.23.0 → 6.39.0 へ、error-prone を 2.3.4 → 2.9.0 へバージョンアップする )
11. Spring Boot + npm + Geb で入力フォームを作ってテストする ( その１０３ )( Eclipse Adoptium OpenJDK（Eclipse Temurin）を 11.0.12+7 → 17+35 へバージョンアップする )
12. Spring Boot + npm + Geb で入力フォームを作ってテストする ( その１０４ )( Checkstyle を 8.32 → 9.0.1 へバージョンアップする )