Programming

Programming

【自動化テスト入門⑨】GitHub ActionsでKatalon Studioを自動実行してみる|PushをトリガーにCIを構築

前回の記事では、【自動化テスト入門⑧】Katalon Studioでよく使うWebUIキーワードまとめ|実務で役立つコード集を紹介しました。今回は、GitHub Actionsを利用して、GitHubへコードをPushしたタイミングでKat...
Programming

【自動化テスト入門⑧】Katalon Studioでよく使うWebUIキーワードまとめ|実務で役立つコード集

前回の記事では、【自動化テスト入門⑦】Katalon StudioでCall Test CaseとTest Listenerで共通処理(ログインなど)を自動化する方法を紹介しました。Katalon Studioには、Webページの操作や検証...
Programming

【自動化テスト入門⑦】Katalon StudioでCall Test CaseとTest Listenerで共通処理(ログインなど)を自動化する方法

前回の記事では、 【自動化テスト入門⑥】KatalonStudio | Excelを利用したデータバインディングでログインテストを10件実行する方法を実行しました。よく使うコードを紹介する前に最も重要な機能を紹介しようと思います。Data ...
Programming

【自動化テスト入門⑥】KatalonStudio | Excelを利用したデータバインディングでログインテストを10件実行する方法

はじめに前回は、【自動化テスト入門⑤】KatalonStudioのSpy WebとVariablesを使ってログインテストを作成する方法 まで紹介しました。今回は、Excelファイルを利用したデータバインディング(データドリブンテスト)を行...
Programming

【自動化テスト入門⑤】KatalonStudioのSpy WebとVariablesを使ってログインテストを作成する方法

前回の記事では、【自動化テスト入門④】Katalon StudioのインストールからGitHub連携、初めてのログインテスト作成まで 紹介しました。今回は、Spy Webを使ってWebページの要素を取得し、Variables(変数)を利用し...
Programming

【自動化テスト入門④】Katalon StudioのインストールからGitHub連携、初めてのログインテスト作成まで

今回は自動化テストツール「Katalon Studio」を使って、環境構築から簡単なログインテストを作成するところまで進めてみました。自動化テストをこれから学習したい方の参考になれば幸いです。この記事でわかることKatalon Studio...
IT Study

【自動化テスト入門③】Next.jsでテスト用プロジェクトを作成してGitHubと連携する

前回は自動化テストを行うために、XPathやCSSセレクタの基礎について学習しました。◾️参考記事【自動化テスト入門①】Katalonで学ぶCSSセレクタ基本編 【自動化テスト入門②】Katalonで学ぶXPath基本編しかし、実際に自動化...
Programming

【Next.js】Vercelデプロイエラー「ReferenceError: localStorage is not defined」の原因と解決方法

勉強記録アプリをVercelでデプロイしようとGitHubと連携してインポートしたら、エラーが発生しました。DBも使わないし、簡単なコードで作ったアプリなのに「なんで?」という感じでかなり混乱しました。エラー内容はこちらです。Referen...
Programming

【Next.js】Githubのような勉強記録アプリ④:LocalStorageに詳細を追加・変更しよう

前回【Next.js】Githubのような勉強記録アプリ③:Gridを使って勉強時間を可視化するに続き、今回はLocalStorageに記録されている勉強内容の詳細を追加・変更する機能を実装しました。前回までは勉強時間・勉強した日付のみ管理...
Programming

【Next.js】Githubのような勉強記録アプリ③:Gridを使って勉強時間を可視化する

前回【Next.js】Githubのような勉強記録アプリ②:LocalStorageを活用したデータ保存を実装しました。今回は、LocalStorageに保存したデータを利用して、GitHubのContributionのような「勉強記録グリ...