2023-11-01から1ヶ月間の記事一覧
Playwrightをつかってみる - @ledsun blog でPlaywrightが最低限動く環境ができました。 リダイレクトレスポンスを扱うテストを書こうと思います。 Playwrightには Netwrok mockingという機能があります。 実行するテストからのHTTPリクエストをモックして書…
Installation | Playwrightの手順に従って進めます。 npm init playwright@latest いまはnpm initにプロジェクトテンプレートをつくる機能が組み込まれているようです。 npm-init | npm Docsによると initializer in this case is an npm package named crea…
ruby.wasmでrequire_relativeしたときのリダイレクトレスポンスの扱い方 - @ledsun blog に書いたように、HTTPリクエストのリダイレクトレスポンスでURLが変わったら、変更後のURLをロード済みとして扱いたいです。 リダイレクトレスポンス対応版 require_re…
require_relativeでリダイレクトレスポンスをサポートしたいと思っています。 たとえば次のようなシナリオです。 require_relative "a" を実行する fetch('a.rb') を実行する a.rb にGETリクエストを送る サーバーから302レスポンスでb.rbが返ってくる b.rb …
自分でビルドしたruby.wasmを実行する環境をつくる - @ledsun blog で、ruby.wasmのカスタムビルドを動かせるようになりました。 実装中の require_relative が動くか確かめてみましょう。 次のような index.hml を作成します。 <html> <script src="browser.script.iife.js"></script> <script type="text/ruby"> require 'js/require_remo</html>…
ブラウザからruby.wasmを実行するときは https://cdn.jsdelivr.net/npm/[email protected]/dist/browser.script.iife.js を使うことが多いです。 browser.script.iife.jsは https://cdn.jsdelivr.net/npm/[email protected]/dist/ruby+stdli…
ruby.wasmのE2Eテストをデバッグする - @ledsun blog で、次のように書きました。 そこで、テストケースで次のようなイベントリスナーを設定します。 page.on("console", (msg) => console.log("LOG:", msg.text())); ruby.wasmのソースコードをみると元々組…
ruby.wasmのE2Eテストをデバッグする - @ledsun blog で、Response.urlにリダイレクト後のURLが入っていない現象を観測しました。 MDNには url プロパティの値は、あらゆるリダイレクトの後に得られる最終的な URL になります。 とあります。矛盾しているよ…
ruby.wasmにPlayWrightで書かれたE2Eテストがあります。 https://github.com/ruby/ruby.wasm/blob/84707d656d007577947ced6c14a9a33e3ffd4033/packages/npm-packages/ruby-wasm-wasi/test-e2e/integrations/browser-script.spec.ts テストに失敗したときに、…
透過pngを作る - @ledsun blog の続きです。 手元にあるツールで、背景色の透明化を試しましたが上手く行きませんでした。 新しツールをインストールしてみます。 フリーの画像編集ソフトといえばGIMPがあります。 最近はMicrosoft Storeからインストール出…
ChatGPTで画像が作れるようになりました。 楽しく画像をつくりました。 ChatGPTで作った画像 作った画像でトレーナーが作りたくなりました。 背景色の白が印刷されてしまいます。 絵だけを残して背景を透過したいです。 Windowsの3Dペイントには良い感じに塗…
