私は外国人ですが、マンガを読んでいます。

２番の質問のこたえから先にいうと、どちらかというと（Ａ）です。

仮に、長沢くんがいなかった場合は
次のようになります。
　
（１）シュンくんのキスシーン発生（トモミは浮気らしきシーンを目撃）
（２）トモミは驚きで声を上げる
（３）シュンくんは情けない顔をすることになる（＝トモミとケンカをしたり、言い訳などをする）
　
（１）が現実で、（２）も途中までいきました。
「もし長沢くんが口を塞いでくれなかったら、私は声をあげただろう。」
ここまではわかりますよね。
　
しかしさらに、トモミはシュンちゃんの彼女ですから、
シュンちゃんの行動が高確率で予測できます。
予想によれば「トモミが声を上げると→シュンちゃんは情けない顔でトモミに相対することになる」のです。
言い換えると、トモミの予想によれば（２）→（３）です。
この「→」が「ことになる」の（Ａ）「ある結果になる」という意味であらわされています。
本来、声をあげる、と、情けない顔になる、がすぐイコールになるのではないです。
（２）と（３）の間には、
・トモミを認める、
・トモミや長沢に言い訳をする、
・キスをしていた女の子と口げんかをはじめる、
などといった、何かのステップが予測されます。
（こういう、心理面の予測は女性の特技ですね）
いずれにせよ、シュンは情けない顔には、なる。
この「いずれにせよ」の部分、ステップの部分を「ことになる」で表しているのでしょう。
　　
ところで、「××だったらどれだけ～～だろう（か）」については大丈夫ですか？
これは日本語でよくつかわれる文です。
英語でいうと「How it will ～～　if　××」です。
「どれだけひどいことになっただろう（か）」
「どんなにひどかったか知れない」
などの文章で、非常にひどかっただろうとの予測と、それにより心が動かされたこと（実感がわく、というか、冷や汗をかくというか）も示しています。
　
「どれだけ」と「だろう」の組み合わせだけで
絶対に疑問の文だということがわかるので、
最後の「か」は、省略されることも非常に多いです。
　
　
この２つの文法をふまえて、
最後に、マンガの台詞の意味を説明します。
声を上げたあと、シュンくんが情けない顔をすることになるだろうとトモミが思い浮かべています。
そしてトモミは自分の予測に心をうごかされています。　
おそらく、トモミは、彼氏には堂々としていてほしい、のでしょう。
びっくりすると、だれでもあわてます。
あわてて言い訳する恋人など見たくありません。
もし私はキスを見ていた、と言うとしても、
おちついて話し合いたいのでしょうね。

卑屈な態度の彼氏をみていやな気持になる未来までが予測できた。
そうなってしまったらイヤだったな～、
そうならなくてよかったな～という気持です。
　
まあ、半分は、イライラする自分へ、
言い聞かせてる部分もあるのでしょうけど。

　
以上です。