問題タブ [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.

0 投票する
2 に答える
2618 参照

javascript - ember-cli アプリで統合テストをセットアップする - module() と visit() にアクセスするには?

このページ ember-cli testingには、「含まれているテストは、新しいember-testing パッケージを使用して単体テストと受け入れ/統合テストの両方を作成する方法を示しています」と書かれてい ます。

ただし、統合テストを機能させるには、 ember テスト ヘルパーのいずれかを検索する必要がmoduleあります。それらはどこにありますか? どこからインポートできますか?visit


詳細:

私が見つけた最も近いものmodulemoduleFor、からインポートできるember-qunitです。個々のモデル、ルート、コントローラー、ビューなどではなく、アプリ内のページ全体または一連のページをテストしているため、モジュールの統合テストには適していません。

私の最善の推測では、visitEmber 自体の中にあると思いますが、どこからインポートすればよいかわかりません。

どちらmoduleも も も使用しないとmoduleFor、テストを実行できますが、エラーが発生します。

ReferenceError: 訪問が定義されていません

0 投票する
3 に答える
2542 参照

javascript - CI モードでの実行時に ember-cli サーバーにアクセスするためのテストを取得するにはどうすればよいですか?

にアクセスしてブラウザーでテストを実行するlocalhost:4200/testsと、テストはテスト サーバー API にアクセスできます。

ただし、(testem を使用して) CI モードでテストを実行する場合、テスト サーバー API にはアクセスできません。

これを実現する方法はありますか?


詳細

ember-cli を使用して生成されたプロジェクトでは、それが実行するサーバー (Express を使用する NodeJ) を拡張できます。の手順を参照してください/server/index.js。このコマンドを実行した後:

... このサーバーは のコンテンツを提供していますlocalhost:4200localhost:4200/apiアプリをブラウジングするときに、 で提供されるすべての API リクエストに応答するサーバーを作成しました。

ブラウザーで実行されるテストにlocalhost:4200/testsアクセスすると、これらの API にアクセスでき、問題なく実行できます。

ただし、サーバーを強制終了し、次のコマンドを使用して CI モード (testem) でテストを実行すると、次のようになります。

... ember アプリは PhantomJs を使用してヘッドレス モードで実行されますが、アプリは API にアクセスできず、ほとんどのテストが失敗します。

テストの実行を開始するときにサーバーを実行したままにしても、同じことが起こります。

Sinon や mockjax のようなものを訴えて、テスト自体の中で API リクエストをモックするのが慣習であることを理解しています。ただし、それはテストサーバーに既にあるものと重複するため、避けたいと思います。テストを CI モード (testem を使用) で実行し、テスト サーバーにアクセスする方法はありますか?

0 投票する
2 に答える
896 参照

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.jsRegistryBrocfile.js


アップデート:

この質問は @saygun によって回答されており、解決策により、broccoli-compass を使用して SCSS --> CSS をコンパイルできます。ただし、いくつかの注意事項があります。

  • 軽微な問題: minifyCssmeber-cli の既存のプリプロセッサは機能しません。独自の CSS を縮小するには、compass を構成する必要があります。
  • 重大な問題: SCSS ファイルが画像を参照する場合、生成された CSS ファイルには画像へのリンクが含まれており、パスは Broccoli によって作成された一時ツリー フォルダー内にあります。これを回避する方法がわからないので、フォローアップの質問をしました: How to generate image sprites in ember-cli using compass?
0 投票する
1 に答える
497 参照

ember.js - Emberjs はフォーム入力から計算し、回答を表示します

スーパーコーディングn00bはこちら。emberjs で栄養計算機を作成しようとしています。以下のようなユーザー入力フォームがある場合、計算関数をどこに記述し、どのように答えを表示しますか?

コントローラーに関数を記述しますか?

私のルーターには次のものがありますが、入力フォームと表示された計算を同じテンプレート Nutritioncalc.hbs に保持したいだけです

ありがとう。

0 投票する
1 に答える
327 参照

ember.js - 設計から開発まで: 一般的な EmberJS ワークフローはありますか?

この質問は本質的に主観的なものですが、私は特定のことに興味があるので、まともな答えがあることを願っています.

私は少し古風な傾向があり、すべてのページを静的に作成し、ハンドルバー、コンポーネント、テンプレートに分割する前に、好きなように (または少なくとも非常に近い) デザインを取得するのが好きです。これは主に、Ember の「Getting Started」ガイドがそのプロセスを教えてくれたからです。

これは一般的に一般的な方法ですか?

私は会社のフロントエンド デザイナー兼開発者であり、基本的に、設計用と開発/テスト用の 2 つのワークフローがあります。

2 つをマージして、1 つの合理化されたワークフローを取得する方法はありますか (おそらく、特別なマークアップを使用して静的ページをテンプレートに分割できる JS タスク??)

静的ページで作業している場合、デザインは少し簡単になる傾向があります。開発 (特に EAK または Ember-CLI を使用する場合) では、すべてがモジュール化され、動的であることが期待されます。

この質問に対する明確な答えはありますか?

Ember Forumsに同様の質問を投稿しましたが、多くの意見が得られなかったので、ここで試してみることにしました。

0 投票する
2 に答える
2095 参照

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たのですか?

0 投票する
1 に答える
705 参照

ember.js - Ember CLI でのカスタム コンポーネントの登録

Ember CLI アプリでic-tabsコンポーネントを使用したいと考えています。ic-tabs は、Ember CLI で自動解決される名前でエクスポートされないことがわかりました (そのため、アプリで {{ic-tabs}} を使用することはできません)。

初期化子を使用してアプリ内のコンポーネントを登録するにはどうすればよいですか?