diff --git a/BTCPayServer.Tests/Checkoutv2Tests.cs b/BTCPayServer.Tests/Checkoutv2Tests.cs index d10a55636..5d831dd4e 100644 --- a/BTCPayServer.Tests/Checkoutv2Tests.cs +++ b/BTCPayServer.Tests/Checkoutv2Tests.cs @@ -46,6 +46,9 @@ namespace BTCPayServer.Tests var invoiceId = s.CreateInvoice(defaultPaymentMethod: "BTC_LightningLike"); s.GoToInvoiceCheckout(invoiceId); + // Ensure we are seeing Checkout v2 + s.Driver.WaitUntilAvailable(By.Id("Checkout-v2")); + Assert.Equal(2, s.Driver.FindElements(By.CssSelector(".payment-method")).Count); Assert.Contains("Lightning", s.Driver.WaitForElement(By.CssSelector(".payment-method.active")).Text); Assert.DoesNotContain("LNURL", s.Driver.PageSource); @@ -195,10 +198,13 @@ namespace BTCPayServer.Tests var invoice = await s.Server.PayTester.InvoiceRepository.GetInvoice(invoiceId); s.Driver.Navigate() .GoToUrl(new Uri(s.ServerUri, $"tests/index.html?invoice={invoiceId}")); - TestUtils.Eventually(() => - { - Assert.True(s.Driver.FindElement(By.Name("btcpay")).Displayed); - }); + s.Driver.WaitUntilAvailable(By.Name("btcpay")); + + var frameElement = s.Driver.FindElement(By.Name("btcpay")); + Assert.True(frameElement.Displayed); + var iframe = s.Driver.SwitchTo().Frame(frameElement); + iframe.WaitUntilAvailable(By.Id("Checkout-v2")); + await s.Server.ExplorerNode.SendToAddressAsync(BitcoinAddress.Create(invoice .GetPaymentMethod(new PaymentMethodId("BTC", PaymentTypes.BTCLike)) .GetPaymentMethodDetails().GetPaymentDestination(), Network.RegTest), @@ -207,8 +213,6 @@ namespace BTCPayServer.Tests IWebElement closebutton = null; TestUtils.Eventually(() => { - var frameElement = s.Driver.FindElement(By.Name("btcpay")); - var iframe = s.Driver.SwitchTo().Frame(frameElement); closebutton = iframe.FindElement(By.Id("close")); Assert.True(closebutton.Displayed); }); diff --git a/BTCPayServer/Views/Shared/Bitcoin/BitcoinLikeMethodCheckout.cshtml b/BTCPayServer/Views/Shared/Bitcoin/BitcoinLikeMethodCheckout.cshtml index d90b32599..207ece831 100644 --- a/BTCPayServer/Views/Shared/Bitcoin/BitcoinLikeMethodCheckout.cshtml +++ b/BTCPayServer/Views/Shared/Bitcoin/BitcoinLikeMethodCheckout.cshtml @@ -11,7 +11,7 @@
- + @await Html.PartialAsync("~/Views/UIInvoice/Checkout-Spinner.cshtml")
diff --git a/BTCPayServer/Views/Shared/Lightning/LightningLikeMethodCheckout.cshtml b/BTCPayServer/Views/Shared/Lightning/LightningLikeMethodCheckout.cshtml index 782f54022..7a3c9b5a4 100644 --- a/BTCPayServer/Views/Shared/Lightning/LightningLikeMethodCheckout.cshtml +++ b/BTCPayServer/Views/Shared/Lightning/LightningLikeMethodCheckout.cshtml @@ -23,7 +23,7 @@
- + @await Html.PartialAsync("~/Views/UIInvoice/Checkout-Spinner.cshtml")
diff --git a/BTCPayServer/Views/UIInvoice/Checkout-Body.cshtml b/BTCPayServer/Views/UIInvoice/Checkout-Body.cshtml index 844473b87..412bb5a54 100644 --- a/BTCPayServer/Views/UIInvoice/Checkout-Body.cshtml +++ b/BTCPayServer/Views/UIInvoice/Checkout-Body.cshtml @@ -21,7 +21,7 @@
- + @await Html.PartialAsync("~/Views/UIInvoice/Checkout-Spinner.cshtml")
@@ -80,7 +80,7 @@
}
- + @await Html.PartialAsync("~/Views/UIInvoice/Checkout-Spinner.cshtml")
@@ -176,7 +176,7 @@ diff --git a/BTCPayServer/Views/UIInvoice/CheckoutV2.cshtml b/BTCPayServer/Views/UIInvoice/CheckoutV2.cshtml index eb399924b..c32e87c43 100644 --- a/BTCPayServer/Views/UIInvoice/CheckoutV2.cshtml +++ b/BTCPayServer/Views/UIInvoice/CheckoutV2.cshtml @@ -50,7 +50,7 @@ } -
+
@if (!string.IsNullOrEmpty(logoUrl)) { diff --git a/BTCPayServer/wwwroot/checkout-v2/checkout.js b/BTCPayServer/wwwroot/checkout-v2/checkout.js index 60c13e919..116a11310 100644 --- a/BTCPayServer/wwwroot/checkout-v2/checkout.js +++ b/BTCPayServer/wwwroot/checkout-v2/checkout.js @@ -80,7 +80,7 @@ const PaymentDetails = Vue.component('payment-details', { function initApp() { return new Vue({ i18n, - el: '#Checkout', + el: '#Checkout-v2', components: { PaymentDetails },