AngularアプリをPlaywright、 Jestテストし、カバレッジをマージする（V8編）
前回はistanbulでinstrumentしたAngularアプリに対してPlaywrightテストをし、カバレッジを計測しました。 しかしJestカバレッジと上手くマージ出来ない課題が残りました。今回はPlaywri […]
カテゴリー: angular
AngularアプリをPlaywrightテストしてカバレッジを計測する（webpack + istanbul編）
Angular17からはデフォルトのバンドルツールがesbuildに変わったこと、Angular & istanbul形式だとjestのistanbul形式と正確にマージ出来ないことから、Angular16以下で […]
Angular11から12にアップデートしたらng serveがproductionモードで起動するようになってしまう
既存のAngular11のプロジェクトを12に上げた際に発生。 環境 Windows 11 Node.js 14.15.1 Angular13リリース前、以下コマンドで12にupdateした（と思われていた）Angula […]
Angularのテンプレート評価式にビット演算を使うとTemplate parse errorが発生する
AngularのテンプレートHTMLでビット演算をすることは禁じられているので代替手段を考えます。 事象 CSSクラスをビット演算で切り替えるテンプレートを書きました。cond変数は1,2,4をビット値として持つ状態変数 […]
compodocでAngularプロジェクトのビジュアルなドキュメントを自動生成する
Java、C、Pythonのドキュメントを自動生成する際にDoxygenを使えばクラス図や呼び出し図、呼び出され図を作れて便利です。 しかしDoxygenはTypescriptには対応しておらず、.tsを対応拡張子に加え […]
正規表現結果をHTMLコード化してマッチ部分をハイライト表示
やりたかったのは「Rubular」が提供してくれるマッチした部分をハイライトしてくれる機能。 https://rubular.com/ ちょっとしたツールにこういう機能を入れようと思ったのですが、ニーズを満たしてくれるラ […]
ブラウザでRSA暗号化したデータをサーバで復号する（Angular + JSEncrypt、Spring MVC）【後編】
前回の続きです。 重要なデータがスマホに平文で残らないようにします。 環境 Windows 10 Visual Studio Code 1.35 Node.js 10.16.0 Angular 8.1.0 クライアント（ […]
Angular8のDefferential Loadで作られたPolyfill抜きJSがブラウザに読み込まれるまでを観察してみる
Angular単体では約30%の削減でした。 2019/05にリリースされたAngular8では、ビルド結果として生成されるバンドルファイルがES6（ES2015）対応しているモダンブラウザ用、とそうでないレガシーブラウ […]
Angular4.4のHTTP通信処理にタイムアウトを設定をすると「timeout is not a function」エラーが発生する
事象 Angular4.3で追加されたHttpClientModuleに移行せず、HttpModuleを使い続けているアプリで、とある理由からpackage-lock.jsonを削除してnpm installし直しました […]