[4.x] Added empty cart state + test

lang/nl.json

@@ -10,13 +10,16 @@
     "Apply": "Toepassen",
     "Apply coupon code": "Kortingscode toepassen",
     "Billing address": "Factuuradres",
+    "Business": "Zakelijk",
     "Cart": "Winkelwagen",
     "Categories": "Categorieën",
     "Category": "Categorie",
     "Check the spelling of your search term": "De spelling van je zoekterm te controleren",
     "Checkout": "Afrekenen",
     "City": "Stad",
+    "Clear the search query": "De zoekopdracht wissen",
     "Close": "Sluiten",
+    "Continue shopping": "Verder winkelen",
     "Company": "Bedrijf",
     "Compatible file extensions to upload": "Compatibele bestandsextensies om te uploaden",
     "Continue": "Verder gaan",
@@ -30,20 +33,25 @@
     "Fax": "Fax",
     "Filters": "Filters",
     "First": "Eerste",
+    "First Page": "Eerste pagina",
     "Firstname": "Voornaam",
     "Forgot your password?": "Wachtwoord vergeten?",
     "Go to home": "Naar de homepagina",
     "Have you tried:": "Heb je gedacht aan:",
+    "Here are some suggestions:": "Hier zijn enkele suggesties:",
     "Home": "Homepagina",
     "Housenumber": "Huisnummer",
     "Increase": "Verhogen",
     "Items per page": "Producten per pagina",
     "Last": "Laatste",
+    "Last Page": "Laatste pagina",
     "Lastname": "Achternaam",
     "Less options": "Minder opties",
     "Loading": "Aan het laden",
     "Login": "Inloggen",
+    "Login to view your shopping cart": "Login om je winkelwagen te bekijken",
     "Logout": "Uitloggen",
+    "Main menu": "Hoofdmenu",
     "Make your search term less specific": "Je zoekterm minder specifiek maken",
     "Maximum image height": "Maximale hoogte",
     "Maximum image width": "Maximale breedte",
@@ -52,12 +60,17 @@
     "My billing and shipping address are the same": "Mijn factuur- en verzendadres zijn hetzelfde",
     "New address": "Nieuw adres",
     "Next": "Volgende",
+    "Next Page": "Volgende pagina",
     "No": "Nee",
+    "No products found.": "Geen producten gevonden.",
     "No results found for :searchterm": "Geen resultaten voor :searchterm",
+    "No selection": "Geen selectie",
     "Order placed succesfully": "Bestelling succesvol geplaatst",
+    "Order type": "Type bestelling",
     "Orders": "Bestellingen",
     "Out of stock": "Niet op voorraad",
     "page": "pagina",
+    "Page": "Pagina",
     "Password": "Wachtwoord",
     "Payment": "Betalen",
     "Payment method": "Betaalmethode",
@@ -69,7 +82,12 @@
     "Postcode": "Postcode",
     "Prefix": "Aanhef",
     "Prev": "Vorige",
+    "Previous Page": "Vorige pagina",
+    "Previous Searches": "Vorige zoekopdrachten",
+    "Price from": "Prijs vanaf",
+    "Price to": "Prijs tot",
     "Privacy Policy": "Privacybeleid",
+    "Private": "Particulier",
     "products": "producten",
     "Products": "Producten",
     "Quantity": "Hoeveelheid",
@@ -81,8 +99,10 @@
     "Reset filters": "Filters resetten",
     "Search": "Zoeken",
     "Search for": "Zoeken naar",
-    "No selection": "Geen selectie",
+    "Search within the results": "Zoeken binnen resultaten",
+    "Searching...": "Zoeken...",
     "Select": "Selecteer",
+    "Selected filters": "Geselecteerde filters",
     "Shipping": "Verzending",
     "Shipping & billing address": "Verzend- en factuuradres",
     "Shipping address": "Verzendadres",
@@ -92,27 +112,25 @@
     "Sign up for our newsletter to stay up to date.": "Meld je aan voor onze nieuwsbrief om op de hoogte te blijven.",
     "Sorry! No image": "Sorry! Geen afbeelding",
     "Sorry! This product is currently out of stock.": "Sorry! Dit product is momenteel niet op voorraad.",
-    "No products found.": "Geen producten gevonden.",
-    "There are currently no products in this category.": "Er zijn momenteel geen producten in deze categorie.",
-    "Here are some suggestions:": "Hier zijn enkele suggesties:",
-    "Suggestions": "Suggesties",
+    "Sort options": "Sorteer opties",
     "Specifications": "Specificaties",
     "Street": "Straat",
     "Subscribe": "Inschrijven",
     "Subtotal": "Subtotaal",
     "Success": "Succes",
     "Suffix": "Achtervoegsel",
+    "Suggestions": "Suggesties",
     "Tax": "Btw",
     "Tax ID": "Btw-id",
     "Telephone": "Telefoonnummer",
     "Thank you for subscribing!": "Bedankt voor het inschrijven!",
+    "There are currently no products in this category.": "Er zijn momenteel geen producten in deze categorie.",
     "This product is out of stock, remove it to continue your order.": "Dit product is niet op voorraad, verwijder het om verder te gaan met je bestelling.",
     "This product will be backordered": "Dit product zal worden nageleverd",
     "This website uses cookies": "Deze website maakt gebruik van cookies",
     "Total": "Totaal",
     "Update": "Update",
     "Use other search terms": "Andere zoektermen te gebruiken",
-    "Previous Searches": "Vorige zoekopdrachten",
     "View all products": "Bekijk alle producten",
     "Want product news and updates?": "Wil je productnieuws en updates?",
     "We care about the protection of your data. Read our": "Wij geven om de bescherming van uw gegevens. Lees onze",
@@ -124,21 +142,5 @@
     "Yes": "Ja",
     "You don't have anything in your cart.": "Je hebt geen producten in je winkelwagen.",
     "You have filtered for:": "Je hebt gefilterd op:",
-    "Your order is currently:": "Je bestelling is op dit moment:",
-    "Search within the results": "Zoeken binnen resultaten",
-    "Selected filters": "Geselecteerde filters",
-    "First Page": "Eerste pagina",
-    "Previous Page": "Vorige pagina",
-    "Page": "Pagina",
-    "Next Page": "Volgende pagina",
-    "Last Page": "Laatste pagina",
-    "Clear the search query": "De zoekopdracht wissen",
-    "Sort options": "Sorteer opties",
-    "Searching...": "Zoeken...",
-    "Order type": "Type bestelling",
-    "Private": "Particulier",
-    "Business": "Zakelijk",
-    "Main menu": "Hoofdmenu",
-    "Price from": "Prijs vanaf",
-    "Price to": "Prijs tot"
+    "Your order is currently:": "Je bestelling is op dit moment:"
 }

resources/views/cart/empty.blade.php

@@ -0,0 +1,16 @@
+<div class="bg rounded-md mt-6 p-10 mb-6">
+    <x-rapidez-empty-cart class="w-full flex items-center justify-center h-36" />
+</div>
+<div class="flex flex-col items-center justify-center text-center text-secondary mb-10 text-2xl">
+    @lang('You don\'t have anything in your cart.')
+    <div class="flex flex-wrap gap-3 mt-3">
+        <x-rapidez::button.secondary v-if="!$root.loggedIn" href="{{ route('account.login') }}">
+            @lang('Login to view your shopping cart')
+        </x-rapidez::button.secondary>
+        <x-rapidez::button.outline href="{{ url('/') }}">
+            @lang('Continue shopping')
+        </x-rapidez::button.outline>
+    </div>
+</div>
+
+@include('rapidez::listing.partials.popular-products')

resources/views/cart/overview.blade.php

@@ -37,7 +37,9 @@
             />
         </div>
 
-        <div v-if="!hasCart && !$root.loading" v-cloak>@lang('You don\'t have anything in your cart.')</div>
-        <div v-if="$root.loading">@lang('Loading')...</div>
+        <div v-if="!hasCart && !loading" v-cloak>
+            @include('rapidez::cart.empty')
+        </div>
+        <div v-if="loading">@lang('Loading')...</div>
     </div>
 @endsection

tests/playwright/cart.spec.js

@@ -32,6 +32,11 @@ test('remove product', BasePage.tags, async ({ page }) => {
     await expect(page.getByTestId('cart-item')).toHaveCount(0)
 })
 
+test('empty cart', BasePage.tags, async ({ page }) => {
+    await page.goto('/cart')
+    await new BasePage(page).screenshot('fullpage-footer')
+})
+
 test('wcag', BasePage.tags, async ({ page }, testInfo) => {
     const product = await new ProductPage(page).addToCart(process.env.PRODUCT_URL_SIMPLE)
     await new CartPage(page).gotoCart()