問題タブ [cyclejs]

json-serverJSONデータをREST APIとしてプッシュするために使用しています。

サーバーは次のような get 要求に対して (上記) を返します。

戻る：

返品はJSON array、致しませんJSON object。

jsonオブジェクトを返すにはどうすればよいですか

データファイル: data.json

cyclejs を使用してドキュメントのロード時に Web サービスに http リクエストを行うにはどうすればよいですか? 例はユーザー入力への反応をカバーしており、私のニーズを満たしていません。

私は cyclejs と rxjs を学んでおり、取り組んでいるコンポーネントの 1 つの単体テストを書くのに苦労しています。長い質問で申し訳ありません。私は質問を単純化しようとしましたが、これが私ができる最善のことです。

コンポーネントは次のことを行います:
1) ロードされると、リクエストをエンドポイントに送信して、ユーザーのタスクを取得します。これらのタスクから、現在作業中のタスク ユーザーを見つけ、ユーザーがタスクの完了ボタンをクリックしたときに呼び出されるエンドポイントを含む URL ストリームを作成します。
2) 新しい値がテスト ストリームに来ると、それまでに定義されたテストから新しいストリームを作成します。
3) ユーザーがタスクの完了をクリックすると、コンポーネントは最初にリクエストをエンドポイントに送信し、ユーザーが定義したテストをタスクに追加します。次に、呼び出しが成功した場合、コンポーネントは別の要求をエンドポイントに送信します。この要求はステップ 1 で取得され、タスクを完了します。
4) 完全なタスク要求が完了すると、コンポーネントはユーザーに通知を表示します。

コンポーネントは次のとおりです。

私が単体テストしようとしているのは次のとおりです
。1）コンポーネントはタスクにテストを定義するためのリクエストを送信する必要があります
2）コンポーネントはタスクを完了するためにリクエストを送信する必要があります
3）コンポーネントは通知を表示する必要があります

これまでに Mocha で書いた単体テストは次のとおりです。

テストでは、HTTP ソースをモックしようとしました。コンポーネントから返されるリクエスト ストリーム シンクをサブスクライブすることで、リクエストごとにモック レスポンスを作成できます。しかし、関数の前にモカを正常に実行するには、共有演算子を使用する必要があります。そうしないと、ユーザーのタスクを取得する最初のリクエストしかモックできません。だから、私の最初の質問は次のとおりです。

mocha の before 関数を正常に実行するために共有演算子を使用する必要があるのはなぜですか?

現在、完全なタスク リクエストが送信され、通知が表示されることを確認するテストは合格です。しかし、タスク要求への定義テストを検証するテストは失敗しています。完全なタスク要求が送信されたことを確認するために、コンポーネントは最初に定義テストをタスク要求に送信する必要があるため、これは奇妙です。コンポーネントのシンクから返されたリクエスト ストリームで何らかの理由で失われたタスク リクエストにテストを定義しているようです。2 番目の質問は、
なぜ 2 番目と 3 番目のテストは成功するのに、最初のテストが失敗するのかということです。

すべてのコードを 1 つのファイルにまとめた要点を以下に示します: 要旨リンク

前に言ったように、私は cyclejs と rxjs は初めてです。私がテストしているものを完全に理解していないと思います。したがって、cyclejs と rxjs に関するコメントや回答で、正しい道を教えてくれるものは大歓迎です。

質問が十分に明確ではないと思われる場合は、お知らせください。私は最善を尽くして質問を改善します。

cycle-http ドライバーを使用して複数の HTTP リクエストを送信しようとしています。この例の最初のリクエストは、メールボックスのリストを取得し、その応答から、後続のスレッドのために HTTP リクエストを送信する必要がある複数のメールボックスが得られます。

すべてのメールボックス ID を取得する HTTP リクエスト -> 各メールボックス HTTP リクエストからすべてのメールを取得します。

私はこの時点でかなり困惑しています。私が見たすべての例は、オブザーバブルを生成する前にURLがわかっている単純な単一のリクエストです。そのため、HTTP リクエストのネストについて混乱しているだけでなくfilter、URL が動的に生成されるため、リクエストが行われた後に URL を「知る」方法もわかりません。

どんな助けでも大歓迎です。

Cycle.js を使用して、一連のデータ ポイントが与えられたときに動的な数のコンポーネントをレンダリングするビューを作成しようとしています。ただし、繰り返しビューを作成する方法がわかりません。

私は、それがどのように機能するべきかを示す最も基本的な例にすべてを戻しました。誰かが私が欠けているものを指摘できることを願っています。

ユーザーがアプリを開いた状態で Escape キーを押したときに把握しようとしています (必ずしも入力フィールドにフォーカスがあるとは限りません)。しかし、これまでのところ、私はキーボード イベントをインターセプトすることに行き詰まっています。これは私が現在試していることです：

偶数もキャッチしようとbodyしましhtmlたが、どちらも役に立ちませんでした...

ばかげたことをやってみたり、Cycle.js をいじったりしているだけです。そして問題に直面しています。基本的にはボタンのみです。クリックすると、場所がランダムなハッシュに移動して表示されると想定されます。事前定義されたルートがないばかげたルーターのようなものです。すなわち。ルートは動的です。繰り返しますが、これは実用的なものではありません。私はいくつかのものをいじって、Cycle.js を学ぼうとしています。しかし、「追加」ボタンをクリックすると、以下のコードがクラッシュします。ただし、場所は更新されます。実際に「#/asdf」に移動すると、正しいコンテンツが「Hash: #/asdf」で表示されます。フローがエラーでクラッシュする理由がわからない:

render-dom.js:242 TypeError: undefined のプロパティ 'subscribe' を読み取れません(…)

お手伝いありがとう

私は現在 Cycle.js を使用しており、フォームが送信されたときにテキスト入力のストリームを取得しようとしています。例えば：

この時点でストリームをマージする必要があると思いますが、最新のテキスト値 (ユーザーがフォームを送信したとき) だけを気にします。この状況を処理する適切な方法は何ですか?