並び順

ブックマーク数

期間指定

  • から
  • まで

121 - 160 件 / 166件

新着順 人気順

playwrightの検索結果121 - 160 件 / 166件

  • Release Version 2.0.0 · quilljs/quill

    We are thrilled to announce the release of Quill 2.0! Please check out the announcement post. Major Improvements Quill is now a valid ESM package for better ecosystem (e.g. bundlers) and tree-shaking support Nested Quill support #3590 Improved IME and spell corrector support #3807 Semantic cleanups for TEXT_CHANGE event #3778 History: Record selection in history module #3823 Auto detect scrolling

      Release Version 2.0.0 · quilljs/quill
    • テスト自動化用 IDE の Aqua が一般公開! | The Quality Assurance Blog

      JetBrains は約 1 年半前にテスト自動化用 JetBrains IDE である Aqua のプレビューバージョンをリリースし、それから Aqua は大きく進化しています。 Cypress と Playwright のサポートなどの重要な機能を追加し、 Selenium をサポートすることで、Aqua はテスト自動化プロジェクトに最適なツールとなりました。 今回、その Aqua が一般公開されました! 特に EAP 参加者の皆さんからの信頼、サポート、そして貴重なフィードバックには感謝しています。おかげさまでほとんどの重大な問題を一般リリース前に解決することができました。 皆さんへの感謝とテストコミュニティ内の成長促進への取り組みのしるしとして、Aqua の個人用非商用利用の無料ライセンスを提供いたします。 商用ライセンスもご利用可能です。 詳細については、この記事を引き続き読み進

        テスト自動化用 IDE の Aqua が一般公開! | The Quality Assurance Blog
      • Release v13.4.16 · vercel/next.js

        Core Changes Concept: test mode for Playwright and similar integration tools: #52520 Turbopack: fix hiding node_modules warnings in error overlay.: #54022 ci(next-swc): print glibc version when build: #54026 Adjust internal action proxy export: #54004 Documentation Changes Update 05-client-side-rendering.mdx with latest tanstack query version: #54009 Open Graph Image font declaration moved to corr

          Release v13.4.16 · vercel/next.js
        • Introducing Microsoft Playwright Testing service private preview

          [Update Oct 4th, 2023] We are excited to announce that the Microsoft Playwright Testing service is now available in Preview! Explore the numerous features and enhancements by reading the announcement. No more waitlists! You can dive straight in and start using the service directly here. ----------------------------------------------------------------------------------------------------------------

            Introducing Microsoft Playwright Testing service private preview
          • Rails のブラウザテストを Playwright で動かすようにしたらデバッグが簡単になって捗った - Qiita

            Rails, RSpec でブラウザテストというと System Spec, Feature Spec などが挙げられます。バックエンド、フロンテエンド両方を End-to-End でテストするには便利ですが、複雑さ故に、たまに落ちるテストになってしまったり、落ちたときのデバッグが大変という難しさがあります。 Qiita でも主要な機能 (エディタ、記事ページなど) をテストするのに使っているのですが、CI で時折よくわからない理由で落ち、 更に何故落ちたかの再現や調査が難しい というのが結構つらいポイントでした 今回 Qiita で RSpec で利用するブラウザ自動化ツールを Selenium から Playwright を使うように置き換えたら、かなりデバッグが行いやすくなりました 移行自体も Cabybara 用の Driver を使うことで、大きく書き換えることなく移行することが

              Rails のブラウザテストを Playwright で動かすようにしたらデバッグが簡単になって捗った - Qiita
            • Microsoft Playwright Testingを発表!内容と特徴を解説

              「Microsoft Playwright Testing」は、Microsoft Azureでウェブアプリのテストと自動化を可能にします

                Microsoft Playwright Testingを発表!内容と特徴を解説
              • ChatGPT時代に必要かも!? Pythonで実行するファイルパース(HTML編) | DevelopersIO

                コアとしては、GPL 3ライセンスではhtml2text、trafilatura、それ以外のライセンスでは、BeautifulSoup4、unstructured(lxml)、Readability.jsが挙げられます。 ラッパーを含みで一つずつ動かしてみたいと思います。 試してみた 準備 pip install llama-index html2text trafilatura langchain unstructured requests pip install git+https://github.com/alan-turing-institute/ReadabiliPy.git@master#egg=readabilipy readabilipyは、pip install readabilipyで入るバージョン0.2.0がWindowsの文字コードに対応できていなかったので、git

                  ChatGPT時代に必要かも!? Pythonで実行するファイルパース(HTML編) | DevelopersIO
                • 今週のはてなブログランキング〔2024年1月第4週〕 - 週刊はてなブログ

                  はてなブログ独自の集計による人気記事のランキング。1月21日(日)から1月27日(土)〔2024年1月第4週〕のトップ30です*1。 # タイトル/著者とブックマーク 1 ホットクックを3年近く使い倒してる俺がいまだに感動しまくってる利点を教えよう - 狐の王国 by id:KoshianX 2 DMARC をなめるな - 弁護士ドットコム株式会社 Creators’ blog by id:bengo4 3 クックパッドを退職しました - 昼メシ物語 by id:mirakui 4 【読書感想】安楽死が合法の国で起こっていること ☆☆☆☆☆ - 琥珀色の戯言 by id:fujipon 5 パルワールドはパクリゲーか? - 雑炊閣下備忘録 by id:wakamotoinoti 6 心理的安全性の高い職場はどのように作られているか? - Techtouch Developers Blog

                    今週のはてなブログランキング〔2024年1月第4週〕 - 週刊はてなブログ
                  • Vitest の Browser Mode (experimental) でファイル読み込みのテストを書く - ジンジャー研究室

                    趣味でブラウザ上に画像や音声を読み込んで作業する React アプリを作っているのだが、 Vitest + Testing Library でテストをしようと思ったらファイル読み込み部分でつまづいた。Node.js 上でブラウザ環境をシミュレートしている部分がそのままでは上手く動かないので、 polyfill を入れたり沢山モックを差し込んだりするとなんとか動く。が、色々弄りすぎて本当にテスト出来ているのか怪しいし、やはりリアルなデータでテストしたい。 で、リアルなブラウザ環境でテスト出来ないかなと調べていたところ、2つの候補が挙がった。 Browser Mode | Guide | Vitest Experimental: components | Playwright 両方とも experimental 。前者は Vitest をそのままブラウザ上で実行するというもので、後者は Pla

                      Vitest の Browser Mode (experimental) でファイル読み込みのテストを書く - ジンジャー研究室
                    • Rails で Playwright が公式にサポートされたので RSpec 経由で使ってみた|ONE CAREER Tech Blog

                      Ruby では Capybara というライブラリを経由して自動操作ツールを呼び出すことが多いです。この辺りのエコシステムについては Playwright の Ruby クライアントを開発してくださっている Yusuke Iwaki さん(@yi01imagination)のスライドがわかりやすいです。 Rails で Playwright をつかった E2E テストを動かしてみるGem のインストールまずは必要なライブラリをインストールします。 Rails は main ブランチを指定しつつ、Playwright を動かすために必要なライブラリを導入します。 gem "rails", github: "rails/rails", branch: "main" group :development, :test do gem 'rspec-rails' end group :test do

                        Rails で Playwright が公式にサポートされたので RSpec 経由で使ってみた|ONE CAREER Tech Blog
                      • CircleCIにPlaywrightを組み込んだ話

                        こんにちは!saimyonです! Social Databank Tech Blog Advent Calendar 2023の14日目です。 今回はCircleCIにPlaywrightを組み込んだ話をします🎭 きっかけ 私は弊社製品「Liny(リニー)」のQA担当として日々品質を格闘しております。 LinyのE2Eテストは現在、全て手動で実施しています。 そのため、新機能を入れた際にデグレが発生していたとしても、そのデグレが(ユニットテストでは発見できず)E2Eテストでしか発見できない場合、検証項目から漏れているとそのデグレに気付けない状況です。 ということで、この状況から脱却すべく、E2Eテストの自動化に取り組むことに。 LinyではCI/CDにCircleCIを使用しているので、そこにE2Eテストを組み込むこととなり、本記事を書くことと相成りました。 デグレ、本当に怖い。 やった

                          CircleCIにPlaywrightを組み込んだ話
                        • お気に入りの技術スタック2023年バージョン

                          小~中規模の SaaS アプリケーションを一人で立ち上げる時は、このスタックで作ることが多いです。 少しでもコード行数を減らして楽できるように、日々試行錯誤しています。 Vercel - ホスティング Vercel Postgres Vercel KV Vercel Blob Cron Jobs TypeScript - 言語 Turborepo - モノレポ Next.js- フレームワーク App Router Server Actions Prisma - ORM ER 図 Tinybird - 時系列 DB Inngest - ジョブキュー NextAuth - 認証 t3-env - 環境変数 Tailwind - CSS フレームワーク Shadcn - UI コンポーネント Tremor - グラフUI AutoForm - フォーム React Hook Form Zod

                            お気に入りの技術スタック2023年バージョン
                          • Microsoft Playwright Testing | Microsoft Azure

                            Explore Azure Get to know Azure Discover secure, future-ready cloud solutions—on-premises, hybrid, multicloud, or at the edge Global infrastructure Learn about sustainable, trusted cloud infrastructure with more regions than any other provider Cloud economics Build your business case for the cloud with key financial and technical guidance from Azure Customer enablement Plan a clear path forward fo

                            • PlaywrightでカスタムURLスキームへの遷移をテストする

                              こんにちは。メディアサービス開発部Webアプリケーション開発課の奥川です。ニコニコ漫画のバックエンド開発を担当しています。 ニコニコ漫画ではe2eテストに Playwright を導入しており、OpenID Connectでの認証フローやAPIテストなど主にiOS/Androidアプリとの連携部分の検証に利用しています。 アプリ連携ではカスタムURLスキームを用いてアプリを起動することがあり、この際に意図通りのURLやパラメータを応答できているかを確認したいテストケースが存在します。カスタムURLスキームとは、 http:// や https:// の代わりに example:// のような独自のプレフィックスを用いて特定のアプリを直接起動できるURLパターンです。これにより、ウェブページや他のアプリから特定のアプリ内の特定のページや機能を直接呼び出すことが可能になります。 Playwri

                                PlaywrightでカスタムURLスキームへの遷移をテストする
                              • Storybook 8.1

                                Storybook is the industry standard workshop for building, testing, and documenting UI components. Thousands of developers use it every day, including teams at BBC, Etsy, and Dropbox. Over the past year we’ve focused on quality of life maintenance work. This culminated in the March launch of Storybook 8.0, our most performant and stable release yet. Now in 8.x, we’re back on the hunt to improve you

                                  Storybook 8.1
                                • 今年サボった勉強を冬休みで全部取り戻す計画

                                  どうも、仕事を納めてしまうと、何も予定がない人になってしまった人です... てなわけで、公式ドキュメント、リリースノート、信頼できる情報源全部読んじゃうぞという計画を立てました。計画倒れしないようにちゃんと読むことをブログで宣言します! 何をするのか マジでやること何もないので、日頃サボったプログラミングの勉強を一気にしようと思っている。「勉強していない」なんていうと「嘘つけ」と言われそうだが、いつも必要になったことをその都度調べて誤魔化しているだけであり、読むのは本や記事といった誰かの二次三次情報なので、実は一次情報には触れていない。なので以下に挙げるドキュメントは実はちゃんと読んだことがない。全て雰囲気で使っている。 そのため自分は歳の割には未知になっている範囲がとても多く(この構文ってフリーレンぽくてなんかかっこいいよね)、未知の未知にとても弱いため、わかっている人から見るとおかしな

                                    今年サボった勉強を冬休みで全部取り戻す計画
                                  • 【JavaScript】JavaScript ライジングスター 2023 - Qiita

                                    2023 / 2022 / 2021 / 2020 JavaScriptライブラリのトレンドを紹介しているbestofjs.orgが、2023年に最もホットであったJavaScriptライブラリのランキングを発表しました。 選考基準は累計スター数ではなく、『2023年の一年間で増えたスターの数』です。 過去流行っていたけど落ち目となった技術は出てこないので、最近注目されている技術がわかります。 ちなみに総合ランキング1位は2016年~2019年にVue.jsが4連覇、2020年はDeno、2021年はzx、2022年はBunでした。 以下は2023年のランキング、2023 JavaScript Rising Starsの日本語訳です JavaScript ライジングスター 2023 8回目のJavaScript ライジングスターにようこそ! ここでは、2023年のJavaScriptエコシ

                                      【JavaScript】JavaScript ライジングスター 2023 - Qiita
                                    • pytest で E2E テスト

                                      pytest で E2E テストが本当に便利です。 実際どう使っているかを紹介しておきます。 なぜ Python でテストなのか 自分が Python に慣れている 自分にとって pytest を超えるテストランナーが今のところない SpaceX がテストを Python で書いてて、じゃぁ Python でいいかとなった https://old.reddit.com/r/spacex/comments/gxb7j1/we_are_the_spacex_software_team_ask_us_anything/ft0bz35/ We use C & C++ for flight software, HTML, JavaScript & CSS for displays and python for testing. Rye のおかげで Python の環境構築が苦にならなくなった htt

                                        pytest で E2E テスト
                                      • Webdriver.ioという自動テストフレームワークはおすすめ

                                        この記事はQiita ソフトウェアテストのアドベントカレンダー 18日目の記事です はじめに e2eテストの検証の中で、Playwrightでもなく、Cypressでもなく、Seleniumでもない、すごくいいテストフレームワークのWebdriver.ioというものを発見したので普段Typescript, Javascript使いであればおすすめしたい。という思いでこの記事を記載します。 いいところ 開発元は OpenJS Foundationである Node.js, JQuery, Electron,Webpackなどの有名なJavaScriptプロジェクトをサポートしている 言語とエコシステムは JavaScriptとNode.jsベース 開発元はOpenJS Foundationであるため、開発はJavaScriptとNode.jsのエコシステムを使用する。 フロントエンドエンジニア

                                          Webdriver.ioという自動テストフレームワークはおすすめ 
                                        • フロントエンド技術選定のヒント 【令和五年度版】 - KAKEHASHI Tech Blog

                                          こちらの記事は カケハシ Advent Calendar 2023 の 4日目の記事になります。 こんにちは。カケハシでエンジニアをしている今川です。 今回はこれからフロントエンドの技術選定をする方向けに、どんな技術・ツールを使えばいいかのヒントになるような記事を書いていきたいと思います。 ただし、本記事では個人的な好みというよりは、npm trendsやGitHub Star Historyなど客観的な指標からどんな技術が世間に受け入れられているかの比較にしていきたいです。 もちろん数値などの比較以外に、ドキュメントを読んだり使ってみたりすることも重要だということは言うまでもないと思います。あくまでも今回の記事が知らないライブラリを知る機会だったり、ヒントになれば幸いです。 もくじ パッケージマネージャ ランタイム フロントエンドフレームワーク レンダリングフレームワーク ビルドツール

                                            フロントエンド技術選定のヒント 【令和五年度版】 - KAKEHASHI Tech Blog
                                          • Kaigi on Rails 2023に参加しました(Day2)|TechRacho by BPS株式会社

                                            こんにちは、hachi8833です。Kaigi on Rails 2023無事終了&成功おめでとうございます!主催運営・スポンサー・スタッフ・参加者の皆さま、素晴らしいカンファレンスをありがとうございます。「参加してよかった」「幸せしかない」という声を何度となく直に耳にしました。 動画配信だけは現地で様子がわかりませんでしたが、こちらも順調だったようで何よりです。参加者は現地と動画視聴を合わせて1000人を超えていたそうです。 配信でしたが楽しめました! 運営の方・登壇された方、ありがとうございました🙏🙏#kaigionrails — すずか (@suzuka_hori) October 28, 2023 次回のスタッフ募集に応募が殺到したという話に、特に成功の手応えを感じました↓。 #kaigionrails にご参加の皆様、お疲れ様でしたそしてありがとうございました!おかげさまでと

                                              Kaigi on Rails 2023に参加しました(Day2)|TechRacho by BPS株式会社
                                            • Playwright を使ってテストデータ作成を自動化した話 | 株式会社ヌーラボ(Nulab inc.)

                                              この記事では、Backlog クラシックプランからの移行フローリニューアルの開発プロジェクトで、 Playwright を使いテストデータの作成を自動化したことについて紹介します。 今回、初めて Playwright をさわってみたのですが、複雑な手順をわかりやすいコードとして表現できるのがとても便利だったので知見と今後の課題をまとめます。 要約 テストデータの作成に時間がかかり、十分に手動テストができていなかった Playwright などのツールを使って自動化することで、効率よく不具合を発見できるようになった 継続的に E2E テストとしてメンテナンスしてゆくためにはさらに工夫が必要 開発を進める上で感じた課題 仕様変更によって多くのテストデータを用意する必要が発生した このプロジェクトでは、開発チームが中心となって大まかなフローや画面設計を作っていました。その一方で、画面上の文言やシ

                                                Playwright を使ってテストデータ作成を自動化した話 | 株式会社ヌーラボ(Nulab inc.)
                                              • パブリックプレビューになった Microsoft Playwright Testing を使って Playwright テストを並列実行してみた | DevelopersIO

                                                パブリックプレビューになった Microsoft Playwright Testing を使って Playwright テストを並列実行してみた いわさです。 Web E2E テストを行うためのフレームワークには様々なものが存在しますが、その中のひとつに Microsoft が開発した Playwright というものがあります。 Playwright は Chromium、Firefox、WebKit のレンダリングエンジンをサポートしており、クロスプラットフォーム環境で使用することが出来ます。 Playwright のテストランナーは並列ワーカーの実行をサポートしており、大規模な E2E テストを CI/CD の中で実行する場合でも効率的に実行することが出来ます。 しかし、並列ワーカーを増やしたとしても CI/CD ワーカーのコア数など限度があり、テスト対象のブラウザやオペレーティング

                                                  パブリックプレビューになった Microsoft Playwright Testing を使って Playwright テストを並列実行してみた | DevelopersIO
                                                • CADDi DRAWERにE2Eテスト自動化の導入を進めています - CADDi Tech Blog

                                                  こんにちは、DRAWER Enabling QAチームの猿渡です。 この記事ではDRAWER QAチームで進めているE2Eテスト自動化についてご紹介します。 課題 CADDi DRAWERにはQAチームがあります。品質保証業務は、開発エンジニアや外部パートナーなど様々な方と連携し行っています。 現在QAが行っているテストは、システム全体をスコープにしたエンドツーエンド(E2E)テストです。。 CADDi DRAWERでは、DRAWER Product Testing Guidelineにより、以下のテストカテゴリを定義しており、E2Eテストでは、Test Size: Largeの「Story Tests」と「Scenario Tests」のCategoryに対してソフトウェアテストライフサイクル(STLC)を行っています。 [DRAWER Product Testing Guideline

                                                    CADDi DRAWERにE2Eテスト自動化の導入を進めています - CADDi Tech Blog
                                                  • クライアント/サーバ構成でみるPlaywright | フューチャー技術ブログ

                                                    Playwright連載6日目です。 はじめにPlaywrightはさまざまな言語でテストを記述することが可能です。 公式ドキュメントを見ると JavaScript/TypeScript をはじめとし、Python / Java / .Net がサポートされていることがわかります。 そのほかにもGoやRubyといった言語もサードパーティ製の実装によって利用することが可能です。 このように幅広い言語をサポートしているのは利用者としてとても嬉しいことです。 今回はこのような他言語展開を可能にしているPlaywrightのアーキテクチャについて調べました。 環境情報本記事執筆時点のPlaywrightの最新バージョンはv1.37.1であり、本記事の内容及び参照しているドキュメントやソースコードは当該バージョンのものを前提としています。 Playwright Architecture通常のテストラ

                                                      クライアント/サーバ構成でみるPlaywright | フューチャー技術ブログ
                                                    • 週刊Railsウォッチ: 7.1でバリデーションメッセージのアポストロフィ->カーリー置き換えが取り消しほか(20230928後編)|TechRacho by BPS株式会社

                                                      こんにちは、hachi8833です。つっつきで一同がこのコードにどよめきました。 FizzBuzz 実装はいろいろあるけど、 kazuho さんによる実装は奇妙さと美しさが同居していて今でも強く印象に残っているhttps://t.co/f208DBeRUI pic.twitter.com/G3QoReGdyw — Takuto Wada (@t_wada) September 21, 2023 週刊Railsウォッチについて 各記事冒頭には🔗でパーマリンクを置いてあります: 社内やTwitterでの議論などにどうぞ 「つっつきボイス」はRailsウォッチ公開前ドラフトを(鍋のように)社内有志でつっついたときの会話の再構成です👄 お気づきの点がありましたら@hachi8833までメンションをいただければ確認・対応いたします🙏 TechRachoではRubyやRailsなどの最新情報記事

                                                        週刊Railsウォッチ: 7.1でバリデーションメッセージのアポストロフィ->カーリー置き換えが取り消しほか(20230928後編)|TechRacho by BPS株式会社
                                                      • Playwrightでリクエストを確認する

                                                        こんにちは!saimyonです👶 今回はPlaywrightでリクエストを確認する方法について書きます🎭 はじめに みなさん、Webアプリケーションを開発していてこんなことはありませんか? APIは触ってないけどUIを刷新した!素敵!美しい!🥰 でも、新UIでぽちぽちした時に投げられるリクエストって、本当にこれまでと同じ形になっているの…?🤔 …もう不安で不安で夜しか眠れないですよね。 こういうリグレッションテスト的なことを「Playwrightでできないのかな?」と思い調べてみたところ、公式ドキュメントに載っている2つの方法で達成できそうだったので、そちらを紹介します! Playwrightでリクエストを確認する方法 準備 今回はPOSTリクエストのボディを対象とし例を紹介したいのですが、手軽にPOSTできるWebサービスがなかなか思いつかず…最終的にGoogleフォームに行きつ

                                                          Playwrightでリクエストを確認する
                                                        • 【Twitter改めX】詐欺アカウント自動ブロックツール作成 - Qiita

                                                          ↓この記事で問題が解決し、ある程度動くものが出来たので公開します。 【このツールを使用するメリット】 何といっても売りは簡単で速い&完全無料という点です。しかも2023年7月現在、猛威を振るっている「勝手に自分を卑猥なリストに追加する迷惑詐欺アカ」をブロックし、リストからも削除する事が出来ます。 また、見落としがちなメリットですが、このツールが普及し皆さんが短期スパンでブロックするようになれば、詐欺アカの凍結が劇的に速くなります。(複数からブロックされると、システム側が不審なアカウントと判断するため) 【開発の背景】 2023年6月頃から、詐欺アカからのフォローが急増。7月からは新たな嫌がらせ手法として、自分を勝手に卑猥なタイトルのリストに登録する詐欺垢が多発しました。 【A:開発前から懸念された問題】 TwitterAPIが有料、しかもボッタクリ価格(月額100ドル:現在約14,000円

                                                            【Twitter改めX】詐欺アカウント自動ブロックツール作成 - Qiita
                                                          • 2023年にVisual Regression Testingを始めるならどんな選択肢があるか | ログラス Productチーム アドベントカレンダー 2022

                                                            本記事は「株式会社ログラス Product チーム Advent Calendar 2022」12 日目の記事です。はじめにフロントエンドのテスト手法の 1 つに Visual Regression Testing(以下、VRT)があります。 これは、アプリケーションの画面を画像として保存し、画像の差分比較をすることで意図せぬ変更が生じていないかテストする方法です。 ここ数年で広く普及し、用語としても一般的になったように思います。 私も以前、とある OSS に reg-suit & Storycap を使った VRT を導入したことがあるのですが、その後もいくつか VRT のためのライブラリが登場したもののキャッチアップできていませんでした。 そこで今回は知識のアップデートを目的として、ここ最近登場した(と思われる)VRT のライブラリをいくつかご紹介します。 なお、今回紹介するツールはす

                                                              2023年にVisual Regression Testingを始めるならどんな選択肢があるか | ログラス Productチーム アドベントカレンダー 2022
                                                            • GaugeとPlaywrightをGitHub Actionsで実行する際に工夫していること - コドモン Product Team Blog

                                                              こんにちは!プロダクト開発部の関根です。 飛行機好きの息子のために飛行機が見られるお出かけスポットやいい感じのYouTube動画を探す毎日です。 さて、コドモンではATDDでソフトウェアを開発しており、E2EテストのツールとしてGaugeやPlaywrightを利用しています。 今回は、E2EテストをCI基盤であるGitHub Actions上でも動作させるために工夫していることをいくつか紹介したいと思います。 CI環境におけるE2Eテストの流れ GitHub Actionsを用いたE2Eテストの実行プロセスは以下の通りです。 Workflowが開始されると、最初にk8s環境へのデプロイ用コンテナイメージのビルドが行われます。続いて、Self-hosted Runnerを使用してk8sリソースを構築し、ヘルスチェックが完了するのを待ちます。その後、GaugeによってE2Eテストを実行し、テ

                                                                GaugeとPlaywrightをGitHub Actionsで実行する際に工夫していること - コドモン Product Team Blog
                                                              • 手軽に Elasticsearch と RDB の型不整合を防ごう ~ dynamic templates を使った実装例 ~ - バイセル Tech Blog

                                                                はじめに こちらは バイセルテクノロジーズ Advent Calendar 2023 の4日目の記事です。 昨日は尾沼さんによる「サービス運用の負担軽減に繋がった、Playwrightの紹介」でした。 こんにちは。開発2部の野口です。普段はリユースプラットフォームの出品管理SaaSシステムの開発に携わっています。 私の所属しているプロジェクトでは、複雑な検索要件に対応するため、 Relational Database (以降、RDB) とElasticsearchを併用しています。 tech.buysell-technologies.com Elasticsearchを採用することにより、検索の柔軟性を獲得した一方で、両者の型システムの相違に起因した不具合に悩まされていました。 今回はElasticsearchのdynamic templatesという機能を用いて、上記の課題を解消した事例

                                                                  手軽に Elasticsearch と RDB の型不整合を防ごう ~ dynamic templates を使った実装例 ~ - バイセル Tech Blog
                                                                • WSL2 + Dockerを使ったPlaywrightの開発環境の構築 - Blog

                                                                  背景 最近、Playwrightを使ってブラウザの操作を自動化しています。このPlaywrightの開発環境をWSL2 + Docker環境で構築することができると便利かなと思うのですが日本語の記事が見つかりませんでした。 なので、自分の構築した環境を下記にまとめました。 こちらの記事を参考にしています。(というか、記事の一部を日本語にしただけ。。。)

                                                                    WSL2 + Dockerを使ったPlaywrightの開発環境の構築 - Blog
                                                                  • Playwrightのインストール方法と使い方 | フューチャー技術ブログ

                                                                    実行すると初期化に伴うオプションの変更をあれこれ聞かれます。 特にこだわりがなければそのままEnterを押していってください。空白で送信した場合はデフォルト値で設定されます。 $ npm init playwright@latest Need to install the following packages: create-playwright@1.17.128 Ok to proceed? (y) ...略... ✔ Success! Created a Playwright Test project at /Users/shion/dev/playwright Inside that directory, you can run several commands: npx playwright test Runs the end-to-end tests. npx playwrigh

                                                                    • ウェルスナビにおけるテスト自動化までの苦難の道のり - ウェルスナビ開発者ブログ

                                                                      こんにちは、品質向上の木下です。 この記事では、弊社でテスト自動化が根付くまでの、苦難な道のりをお伝えします。今後、テスト自動化を目指される方のための参考となれば幸いです。 品質向上チームが主管するテストとその課題 前提情報 まずは、本題に入る前に、弊社でのテスト工程での確認単位や確認観点について整理します。弊社の定義は、一般的なテストと定義が厳密には違うので、ご留意をお願いします。 テスト工程名 確認単位 確認観点 UT ユニット/コンポーネント単位のテスト ユニット/コンポーネントが意図通りに動作すること 機能単位のテスト 機能が設計通りに動作すること IT 機能間結合のテスト 機能間の設計に齟齬がないこと システム間結合のテスト システム間の設計に齟齬がないこと ST 本番相当データ・環境を使ったシステム間連携のテスト 設計で取り込んでおくべき想定外データ、設定差異等がないこと サイ

                                                                        ウェルスナビにおけるテスト自動化までの苦難の道のり - ウェルスナビ開発者ブログ
                                                                      • ChatGPTでE2Eテストコード自動作成 | フューチャー技術ブログ

                                                                        9/7に行われた技育CAMPアカデミアというイベントでPlaywrightについて話をしてきました。テストというと、設計手法であるところのテスト駆動開発は別としてちょっと業務っぽい感じがして学生さんにはちょっと響かないかな、というのも心配でしたが、アンケートを見る限り、わかりやすかったという声も多くてほっとしました。 次のスライドが今回の資料です。スライドの内容の多くはPlaywright連載始まりますに掲載されている記事にもぼつぼつある内容も多い(APIテストはないですが)のですが、本エントリーでは発表の最後に触れたChatGPTなどの生成AIを使ったE2Eテストの生成について説明していきます。 ChatGPTが話題を席巻してしばらく経ちます。とはいえ、内製開発での利用以外はソースコード開発にばりばり使う、みたいな宣言はあまり聞かない気がします。利用を制限している会社も数多くあります。

                                                                          ChatGPTでE2Eテストコード自動作成 | フューチャー技術ブログ
                                                                        • 今週のはてなブログランキング〔2024年4月第2週〕 - 週刊はてなブログ

                                                                          はてなブログ独自の集計による人気記事のランキング。4月7日(日)から4月13日(土)〔2024年4月第2週〕のトップ30です*1。 # タイトル/著者とブックマーク 1 私が 1on1 でしていること - Mobile Factory Tech Blog by id:mobile-factory 2 「うちは普通の新聞じゃなく、NYタイムズだよ?なんで明日、宮崎駿にインタビューできねぇの?」…すげぇな!! - INVISIBLE Dojo. ーQUIET & COLORFUL PLACE- by id:gryphon 3 自分が会社員だった時の転職活動 - 下町柚子黄昏記 by @yuzutas0 by id:yuzutas0 4 失敗から学ぶシステム開発委託 - CARTA TECH BLOG by id:voyagegroup_tech 5 ディズニーがジブリと提携直前に抱いた「懸念」

                                                                            今週のはてなブログランキング〔2024年4月第2週〕 - 週刊はてなブログ
                                                                          • RedwoodJS Build Competitionなど: Cybozu Frontend Weekly (2023-08-22号)

                                                                            RedwoodJS Build Competitionなど: Cybozu Frontend Weekly (2023-08-22号) はじめに こんにちは!サイボウズ株式会社フロントエンドエキスパートチームの BaHo です。 サイボウズでは毎週火曜日に Frontend Weekly という「1 週間の間にあったフロントエンドニュースを共有する会」を社内で開催しています。 今回は、2023/08/22 の Frontend Weekly で取り上げた記事や話題を紹介します。 取り上げた記事・話題 認可のアーキテクチャに関する考察(Authorization Academy II を読んで) 認可設計に関する資料 Authorization Academy の考察記事です。 認可の関心分離方について整理されています。 An update on Chrome Security update

                                                                              RedwoodJS Build Competitionなど: Cybozu Frontend Weekly (2023-08-22号)
                                                                            • Learning Vue

                                                                              Read it now on the O’Reilly learning platform with a 10-day free trial. O’Reilly members get unlimited access to books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers. Learn the core concepts of Vue.js, the modern JavaScript framework for building frontend applications and interfaces from scratch. With concise, practical, and clear examples, this boo

                                                                                Learning Vue
                                                                              • フルスタックエンジニア|cba

                                                                                Twitterでは、この言葉はあまりいい意味ではとらえられていないように思うけど、いまのチームのメンバーは、自分も含めてみんなフルスタックエンジニアだなと、僕は思っている。 フルスタックエンジニアって言っても、フロントエンド、バックエンド、インフラの全部がすごい、ってのは求めていない。 じゃあなんだっけー?ってチームで喋ってて納得したのは「何かしらその人の軸となる、スキルの高い領域があって、でも、その得意なところ以外の領域に飛び込んでいくことも厭わない」っての。たしかになーって思った。 お互いに得意な領域が違ってて、お互いに相手のことを「すごいなー」と思いつつ、チームとして必要なスキルを保持している感じ。だから、そのときやってるタスクの領域に詳しい人が、みんなを支えながら開発をしている。 その人以外のみんなも「ここは自分の得意なところじゃないから得意な人にまかせる」とかじゃなくて「なるほど

                                                                                  フルスタックエンジニア|cba
                                                                                • Testing · Get Started with Nuxt

                                                                                  Nuxt offers first-class support for end-to-end and unit testing of your Nuxt application via @nuxt/test-utils, a library of test utilities and configuration that currently powers the tests we use on Nuxt itself and tests throughout the module ecosystem. InstallationIn order to allow you to manage your other testing dependencies, @nuxt/test-utils ships with various optional peer dependencies. For e

                                                                                    Testing · Get Started with Nuxt