問題タブ [ember-cli]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - ember-cli アプリで統合テストをセットアップする - module() と visit() にアクセスするには?
このページ ember-cli testingには、「含まれているテストは、新しいember-testing パッケージを使用して単体テストと受け入れ/統合テストの両方を作成する方法を示しています」と書かれてい ます。
ただし、統合テストを機能させるには、 ember テスト ヘルパーのいずれかを検索する必要がmodule
あります。それらはどこにありますか? どこからインポートできますか?visit
詳細:
私が見つけた最も近いものmodule
はmoduleFor
、からインポートできるember-qunit
です。個々のモデル、ルート、コントローラー、ビューなどではなく、アプリ内のページ全体または一連のページをテストしているため、モジュールの統合テストには適していません。
私の最善の推測では、visit
Ember 自体の中にあると思いますが、どこからインポートすればよいかわかりません。
どちらmodule
も も も使用しないとmoduleFor
、テストを実行できますが、エラーが発生します。
ReferenceError: 訪問が定義されていません
javascript - CI モードでの実行時に ember-cli サーバーにアクセスするためのテストを取得するにはどうすればよいですか?
にアクセスしてブラウザーでテストを実行するlocalhost:4200/tests
と、テストはテスト サーバー API にアクセスできます。
ただし、(testem を使用して) CI モードでテストを実行する場合、テスト サーバー API にはアクセスできません。
これを実現する方法はありますか?
詳細
ember-cli を使用して生成されたプロジェクトでは、それが実行するサーバー (Express を使用する NodeJ) を拡張できます。の手順を参照してください/server/index.js
。このコマンドを実行した後:
... このサーバーは のコンテンツを提供していますlocalhost:4200
。localhost:4200/api
アプリをブラウジングするときに、 で提供されるすべての API リクエストに応答するサーバーを作成しました。
ブラウザーで実行されるテストにlocalhost:4200/tests
アクセスすると、これらの API にアクセスでき、問題なく実行できます。
ただし、サーバーを強制終了し、次のコマンドを使用して CI モード (testem) でテストを実行すると、次のようになります。
... ember アプリは PhantomJs を使用してヘッドレス モードで実行されますが、アプリは API にアクセスできず、ほとんどのテストが失敗します。
テストの実行を開始するときにサーバーを実行したままにしても、同じことが起こります。
Sinon や mockjax のようなものを訴えて、テスト自体の中で API リクエストをモックするのが慣習であることを理解しています。ただし、それはテストサーバーに既にあるものと重複するため、避けたいと思います。テストを CI モード (testem を使用) で実行し、テスト サーバーにアクセスする方法はありますか?
javascript - broccoli-compass を ember-cli v0.0.28 に追加するには?
コンパスを使用して、 ember-cliプロジェクトで SASS を CSS に前処理できるようにしたいと考えています。
これを行うことbroccoli-sass
は簡単で、bower install broccoli-sass
必要なことはすべて、それに対するサポートが既に組み込まれているためです。
しかし、これを行うbroccoli-compass
のはかなりトリッキーであることが判明しました...どのように?
詳細:
この質問は、 ember-cli v0.0.23 について以前に尋ねられました。その答えは古くなっているようです - 主な問題は、ember-cli が の多くのものを抽象化し、それをを使用しBrocfile.js
て別のファイルに入れることです。したがって、解決策は標準的な外観とは異なります。preprocessor.js
Registry
Brocfile.js
アップデート:
この質問は @saygun によって回答されており、解決策により、broccoli-compass を使用して SCSS --> CSS をコンパイルできます。ただし、いくつかの注意事項があります。
- 軽微な問題:
minifyCss
meber-cli の既存のプリプロセッサは機能しません。独自の CSS を縮小するには、compass を構成する必要があります。 - 重大な問題: SCSS ファイルが画像を参照する場合、生成された CSS ファイルには画像へのリンクが含まれており、パスは Broccoli によって作成された一時ツリー フォルダー内にあります。これを回避する方法がわからないので、フォローアップの質問をしました: How to generate image sprites in ember-cli using compass?
ember.js - Emberjs はフォーム入力から計算し、回答を表示します
スーパーコーディングn00bはこちら。emberjs で栄養計算機を作成しようとしています。以下のようなユーザー入力フォームがある場合、計算関数をどこに記述し、どのように答えを表示しますか?
コントローラーに関数を記述しますか?
私のルーターには次のものがありますが、入力フォームと表示された計算を同じテンプレート Nutritioncalc.hbs に保持したいだけです
ありがとう。
ember.js - 設計から開発まで: 一般的な EmberJS ワークフローはありますか?
この質問は本質的に主観的なものですが、私は特定のことに興味があるので、まともな答えがあることを願っています.
私は少し古風な傾向があり、すべてのページを静的に作成し、ハンドルバー、コンポーネント、テンプレートに分割する前に、好きなように (または少なくとも非常に近い) デザインを取得するのが好きです。これは主に、Ember の「Getting Started」ガイドがそのプロセスを教えてくれたからです。
これは一般的に一般的な方法ですか?
私は会社のフロントエンド デザイナー兼開発者であり、基本的に、設計用と開発/テスト用の 2 つのワークフローがあります。
2 つをマージして、1 つの合理化されたワークフローを取得する方法はありますか (おそらく、特別なマークアップを使用して静的ページをテンプレートに分割できる JS タスク??)
静的ページで作業している場合、デザインは少し簡単になる傾向があります。開発 (特に EAK または Ember-CLI を使用する場合) では、すべてがモジュール化され、動的であることが期待されます。
この質問に対する明確な答えはありますか?
Ember Forumsに同様の質問を投稿しましたが、多くの意見が得られなかったので、ここで試してみることにしました。
ember.js - 「ember server」はできませんが、「npm start」は機能します
ember-cli は正常にインストールされましたが、実行できませんember server
。それは言っ-bash: ember: command not found
た。しかし、私が走ったときnpm start
、それはうまくいきました。
package.json
ファイルによると、npm start
を参照していember server
ます。しかし、なぜうまくいかなかっember server
たのですか?
ember.js - Ember CLI でのカスタム コンポーネントの登録
Ember CLI アプリでic-tabsコンポーネントを使用したいと考えています。ic-tabs は、Ember CLI で自動解決される名前でエクスポートされないことがわかりました (そのため、アプリで {{ic-tabs}} を使用することはできません)。
初期化子を使用してアプリ内のコンポーネントを登録するにはどうすればよいですか?