Hatena Blog Tags
はてなブログ トップ
Cypress
このタグでブログを書く

Cypress

このタグの解説についてこの解説文は、すでに終了したサービス「はてなキーワード」内で有志のユーザーが作成・編集した内容に基づいています。その正確性や網羅性をはてなが保証するものではありません。問題のある記述を発見した場合には、お問い合わせフォームよりご連絡ください。
Better Software Testing•14 日前

CypressでWebブラウザを操作してスクショを撮影し、Slackに投稿するツールを作った

github.com サクッとできそうだったので、作った。 リポジトリを確認してもらえればわかるが、特に難しいこと、複雑なことはなく作れたのでよかった。 質問等あれば@hideshis_qaまでどうぞ。 実行例 参考文献： smdbanana.hatenablog.com www.kwbtblog.com

#Cypress#個人開発#Slack#API

関連ブログ

visible true•18 日前

開発時の動作確認ツールとしてCypressのE2Eテストを導入した話

ユビーAI問診は、Ubieが提供する医療機関向けのプロダクトです。患者さんに対して問診を実施し、医師向けのカルテを作成します。現在は大きく分けて、タブレットとスマートフォンの２つの利用方法があります。 タブレット用、スマートフォン用の画面 これらはどちらもWebアプリケーションとして実装していて、フロントエンドはReact/TypeScriptで書いています。 問診のプロセスは画面遷移が多い ユビーAI問診は紙の問診票で書くような定型的な質問だけでなく、来院した目的に合わせて様々な質問を行います。 例えば「頭が痛い」といった症状を入力した場合、発症時期や部位、痛みの程度、持続時間、経過、頻度な…

#Cypress
valblog•先月

Cypressを使えばWebアプリケーションのE2Eテストが簡単にできます！

ヴァル研究所 Advent Calendar 2021 15日目の記事です。 こんにちは。mixway teamに所属する平久江と申します。 mixway teamでは主にフロント部分の「mixwayのWebサイト」とバックエンドの「mixway API」に分かれており、私は主にフロント向けのWebサイト（長いので「mixway Web」と呼称しています）の保守運用を担当しています。 今回の記事ではタイトルそのままで、E2EテストのフレームワークのCypressを使ってWebアプリケーションのE2Eテストを簡単に行う方法を紹介していきたいと思います。 Webエンジニア向けの記事となりますが、そ…

#アドベントカレンダー2021#ヴァル研究所#Cypress#E2Eテスト
約束の地•3 か月前

Cypress で npm のライブラリを使いたい場合にはプラグイン側にロジックを書いて cy.task で呼び出して使う

結論 ドキュメントに書いてあるとおりです。 docs.cypress.io The code you write in Cypress is executed in the browser, so you can import or require JS modules, but only those that work in a browser. 具体例 具体例についてもドキュメントに書いてあります。fs を用いる例です。 docs.cypress.io // in plugins/index.js const fs = require('fs') module.exports = (on,…

#Cypress
約束の地•4 か月前

Cypress の Free プランは上限に達するのが早いのでダッシュボードに記録する対象を絞る

前提 CI で Cypress を回す際に何も考えずに全実行しているとあっというまに Free プランの枠を食いつぶしてしまうので、実行する対象を絞ります。 もちろん、💴Free プランでない💴ならばリッチに使いましょう。 Free プランの上限 Free プランの上限（制限）は、「Test Results が毎月 500 まで」です（公式ドキュメント）。 gyazo.com この「Test Results」というのが曲者で、これは「Cypress コマンドの実行回数ではなく、いわゆる Spec の数」です。その数はダッシュボードから確認できます。 gyazo.com 開発ペースにもよりますが…

#Cypress#CircleCI#GitHub Actions
約束の地•4 か月前

Cypress で対象セレクタが複数ある中から任意のセレクタを選ぶ方法とその際の注意点

結論 cy.get('.foobar').eq(3) のように、get したあとに eq で取得できる 注意点として、get の戻り値を変数に格納している場合、eq を実行してしまうと格納した変数のオブジェクトは変更される シャローコピーになるということ 具体例 以下のような HTML があったとします。 <html> <head></head> <body> <div class="foobar">1</div> <div class="foobar">2</div> <div class="foobar">3</div> <div class="foobar">4</div> <div c…

#Cypress
koudenpaのブログ•9 か月前

Cypress いいね

これ。 www.cypress.io この記事は Cypress でE2Eテストの入り口やってみた体験レポートです。 それ以上の情報はないです。しいて言うなら、使うのに迷うことはないので使いやすいんじゃないか？ というのが分かるくらい。 Cypress がなんなのかは全然調べてなくて、とりあえず使ってみた状態。とにかくE2Eテストをとりあえず（大事なことなので二回書いたんだろう）動かしたかった。 そういう話はちゃんと書いてある。気が向いたら読もう。 追記：大事なことを忘れていた、とりあえずググって、SaaSとしてFree枠があったのが使ってみるポイントだった。

#Cypress
ecbeing labs（イーシービーイング・ラボ）•10 か月前

Cypressまとめてみた～概要&推しポイント・導入方法・デメリットまで! 特盛版～

.entry-content details { margin-bottom: 1em; padding: .5em; background-color: #eee; } .entry-content details summary::after { content: '▼'; } .entry-content a { text-decoration: none; } はじめに こんにちは! ecbeing3年目、R&D部門所属の蓑代です。 前回や前々回には、Dockerの記事やバーコードリーダーに関する記事を書きました。 blog.ecbeing.tech blog.ecbeing.tech…

#Cypress
約束の地•昨年

Cypress で --browser が見つからない場合は、「ブラウザ定義名」でブラウザが起動できるようにすればいい

どういう状況か Cypress をブラウザ指定で実行するとき、「ブラウザが見つからない」というエラーが出るときがあります。もちろん、当該ブラウザは正しくインストールされている場合です。 例えば以下のようなエラーメッセージです。 $ cypress run --browser chrome Can't run because you've entered an invalid browser name. Browser: 'chrome' was not found on your system or is not supported by Cypress. Cypress supports t…

#Cypress
semigraphy•6 日前

Next.jsのプロジェクトにCypressを導入してGitHub Actionsで走るようにする

こんにちはsemiguraです。 TL;DR yarn add -D cypress 生成されたintegration以下にテストを書く GitHub Actionsで走らせるにはMarketplaceにある公式のcypress-io/github-actionを使う 環境 Next.js 12.0.8 + Cypress 9.3.1 本題 Cypress導入 yarn add -D cypress これでプロジェクトのルートディレクトリにcypressディレクトリが作られる。 中身は以下。 - fixtures/ - integration/ - plugins/ - support/ - …

物語三昧～できればより深く物語を楽しむために•11 日前

チャールストン＆サバンナ+フロリダ・キーウェスト＆エヴァーグレース国立公園(3)-1 ミドルトンプレイス・プランテーション

遠景。写真は、HPから。アシュレー川に臨んでいます。■マウントプレザントから郊外のミドルトンプレイスまで車で移動 ２日目は、マウントプレザントからサムター要塞に行って、夕方は、宿泊地のミドルトンプレイスに。車で約４０分。プランテーションを体験したい！がコンセプトだったので、マグノリアとミドルトンプレイスのどちらに泊まろうか悩んだ。決め手は、特になし(笑)。www.magnoliaplantation.comもともとは次の日にマグノリア・プランテーションのツアーに行こうとしていたのですが、翌日が雨の予報１００％だったので、これは無理だと急遽やめました。うちの夫婦は、ウルトラ晴れ男晴れ女で、二人っ…

週刊はてなブログ•12 日前

今週のはてなブログランキング〔2022年1月第3週〕

はてなブログ独自の集計による人気記事のランキング。1月9日（日）から1月15日（土）〔2022年1月第3週〕のトップ30です*1。 # タイトル／著者とブックマーク 1 ジャズのコード進行の原理 - by id:Arakur 2 フロントエンドを集中的に学習できる究極の無料リソースを厳選してみた！ - paiza開発日誌 by id:paiza 3 小説家佐藤亜紀氏の私に対する誹謗中傷について - 呉座勇一のブログ by id:ygoza 4 男子も楽しい少女漫画ってこういうのでしょ - mirunaのブログ by id:miruna 5 Qiita記事「エンジニアの"有害な振る舞い"への対処…

mickeeeyのブログ•13 日前

Cypressでtd-js-sdkのテストをする

Tagのテストをしたい td-js-sdkをWeb Siteに設置したはいいけどテストが手動だったり、そもそもテストをしていなくてしばらく経ってから想定通りに動作してないことが発覚して修正に手間取ったりとかがわりと起こりがちである。 Cypressを使ってこういう自体を防ぐ手法を案内したい。 Cypressとは CypressはJavaScriptのE2Eテストフレームワークである。 npmで簡単にインストールもできるし、テストの内容も簡単にかける。 詳細については公式のページをみてほしい。 www.cypress.io 環境構築 npmでcypressをインストール npm install …

Dribs and Drabs•16 日前

Tom Doak『ゴルフコースを解剖する：設計の技術とコース攻略法』ソフトサイエンス社

Amazonにデータがないんだけど…『The Anatomy of a Golf Course』が翻訳されていたの，知らなかった。 翻訳について 「ゴルフに関して全く門外漢である」という訳者（籏野充子）による訳は，全体的に頑張っているけれど，ところどころで間違いがある。「無類のゴルフ好きで，あるクラブの競技委員もしている」という籏野の夫が「毎晩夜更けまで再度原書との照合，公正に没頭し，専門用語のチェックはもとより，誤訳の訂正に励んでくれた」そうなのだが，残念ながらザルであった。 TPC Sawgrass。確かに正確には「Tournament Player's Club at Sawgrass」…

ITの隊長のブログ•16 日前

Cypressのログを吐きたい

模索中。どういうことかというと、Cyprses処理中の結果は動画や失敗した場合はスクショが出力されますが、なんのエラーがでているのかは詳しく見れないのでconsole.logの中身でも出力してくれたらうれしいんだけど、でてこない。 IDEでみればええじゃろ。わかる。だけど、CIとかに組み込んだ時、ローカルと環境が違うのでCORSエラーとかはなかなか気づかなかったりする（実際はエラー文の先頭あたりで気づくのでそんな難しいものではないけど） どうすればええんじゃと探してたらこんなの見つけた。 docs.cypress.io くっそログが増えるんだけど、とりあえずコンソールに出力できるようにはなかっ…

type holyshared = Engineer<mixed>•18 日前

2021年の靴の着用回数を集計した

毎年恒例の履いた靴の集計をしてみました。 2021年は追加されたのが7足で、手放したのが3足なので増減があんまりなかったようです。 2020年が17足買っていたので、少なく感じます。 相変わらずレザーの靴は買っているようです。 2021年の特徴として、ジョギング用のBROOCKSの靴が増えています。 これは運動のウォーキングに加えて、5kmくらいジョギングすることが増えたので、購入したものです。 来年としては継続して履いているものが増えたので、購入は控えつつ手放すものを吟味していく予定です。 流石に40足あると置き場に困るのでなるべく減らしていきたいです。 以前から履いている靴 No. モデル…

MARBLE RECORDS blog•21 日前

SALE中とライブとARTの話。

週末です。 セール大好評の為、ジャンジャン追加投入出来てます。 ご来店、通販ご注文ありがとうございます。 新入荷中古CD&DVDピックアップ！！！ ●岐阜のメロディックパンクRAPTURE知る人ぞ知る超名盤！500円→400円 ●バイオハザードはサイプレスヒルsendog、ハウスオブペイン/リンプビズキットのリーサルゲスト参加！500円→400円 ●エミネムの60分アニメDVD！ご本人が声優出演！サウスパークみたいな雰囲気。500円→400円 ●HOUSE OF PAINの2NDアルバム！500円→400円 ●ノーダウトの92年～03年のベスト盤500円→400円 ●レンチのデジタルで泥くさい…

日々の音色とことば•先月

今年もありがとうございました。／2021年の総括

例年通り、紅白歌合戦を観ながら書いています。 社会全体が大きな転機を迎えた2020年に続いて、2021年も、ずいぶんと不透明な1年だったように思います。なんにせよ無事に年末を迎えられてよかった。 2021年はどんな年だったか。KAI-YOUに寄稿したコラムにも書きました。 premium.kai-you.net 上記にも書いたんですが、コロナ禍によってハッキリと前景化したのが、価値観の“分極化”だったと思います。 2020年のパンデミック初期は出口の見えない混沌を世界中の人たちが共有していた。けれど、変異株による波がたびたび訪れつつ、一方でワクチンや治療薬の開発も進み、確実にポスト・パンデミッ…

りまりまだんの本拠地•先月

2021年の仕事納めしたので振り返りする

りまりま団のもふもふです。 2021年の仕事を納めたので振り返りたいと思います。 昨年版→2020年の仕事納めしたので振り返りする - りまりまだんの本拠地 ちょっとずつ諸々再開した 結婚式が終わるまでは2020年同様「仕事をきちんとする。業務以外は何もしない」としました。10月以降は無理のない程度に仕事上の学びをブログに書いたり、コードを書いたりした。 ただ、仕事の負荷が前年より上がったので無理しないように心がけた。技術書の積読に手をつけたりした。 2020年よりもできたかなと思ったこと（技術的な観点） Vue Routerを扱えるようになった <router-link>や<router-v…

K’s Jazz Days•先月

Jeff Parker: Forfolks (2021) 雪の頃に聴くレコードに

Jeff Parker: Forfolks (2021, International Anthem)1. Off Om 01:212. Four Folks 05:343. My Ideal 03:104. Suffolk 07:385. Flour Of Fur 04:086. Ugly Beauty 03:247. Excess Success 10:538. La Jetée 04:11Jeff Parker(g)Engineered by Graeme Gibson at Sholo Studio in Altadena, California on June 28th & 29th,…

ミツモア Tech blog•先月

E2Eテストはインドに学ぼう

※ こちらはミツモアAdvent Calendar 2021の22日目の記事です。 こんにちは ミツモアのQAエンジニアの山本です。 今回は、初心者がハンズオンで体系的に学べるE2Eテストの教材についてシェアします。 ミツモアは「リモートワークが増えてエアコンを綺麗にしたい」「引っ越しで出た不用品を回収してもらいたい」といった生活のあらゆるシーンであなたにぴったりの専門家を無料で探せるサービスですので、ぜひ気軽に使ってみてください！ meetsmore.com かつてモヤモヤしていたこと E2Eテスト専門のリソースは抽象的なものが多く、個人的にもっとハンズオンしやすいマテリアルを探していました…

vivit engineering blog•先月

react-philosophies を読んでの所感

はじめに フロントエンドエンジニアの関(@kur0buchi)です。 プログラマとして自分で新しくコードを書いたり、誰かの書いたコードをメンテナンスする中で「良いコードとは」を悶々と考える日々を送る中、先日 Twitter のタイムライン上で mithi/react-philosophies というリポジトリを偶然見かけました。 github.com things I think about when I write React code. (Reactコードを書くときに考えること。) のイントロダクションで始まるこの文章が、普段自分が React でアプリケーションを書いてる中でぼんやりと考…