Fix tests

.github/workflows/playwright.yml

@@ -44,7 +44,7 @@ jobs:
         env:
           URL: http://localhost:1234/
           FLAT_TABLES: true
-          CUSTOM_ENTRYPOINT_COMMAND: "php bin/magento encryption:key:change -k 5AM3SD5SkwT8iwIxL6L1q8XQhzK3wk51; magerun2 config:store:set system/smtp/disable 1; magerun2 config:store:set checkout/options/enable_guest_checkout_login 1; magerun2 config:store:delete design/head/includes"
+          CUSTOM_ENTRYPOINT_COMMAND: 'php bin/magento encryption:key:change -k 5AM3SD5SkwT8iwIxL6L1q8XQhzK3wk51; magerun2 config:store:set system/smtp/disable 1; magerun2 config:store:set checkout/options/enable_guest_checkout_login 1; magerun2 config:store:delete design/head/includes; composer require graycore/magento2-cors; magerun2 module:enable Graycore_Cors; magerun2 config:store:set web/graphql/cors_allowed_origins "*"; magerun2 config:store:set web/graphql/cors_allowed_methods "POST, OPTIONS, GET"; magerun2 config:store:set web/graphql/cors_allowed_headers "Content-Currency, Store, X-Magento-Cache-Id, X-Captcha, Content-Type, Authorization, DNT, TE"; magerun2 config:store:set web/api_rest/cors_allowed_origins "*"'
         ports:
           - 3307:3306
           - 1234:80

resources/views/components/input/input.blade.php

@@ -1 +1,3 @@
-<x-blade-components::input v-bind:disabled="loading.value" />
+<x-blade-components::input {{ $attributes->merge([
+    'v-bind:disabled' => 'loading.value',
+]) }} />

resources/views/listing/partials/pagination.blade.php

@@ -32,9 +32,7 @@ class="flex justify-center items-center size-9 rounded-sm border hover:border-em
                     v-on:click.exact.left.prevent="refine(page)"
                     v-bind:aria-label="`{{ __('Page') }} ${page + 1}`"
                     class="flex items-center justify-center size-9 sm:size-10 rounded-sm border hover:border-emphasis"
-                >
-                    @{{ page + 1 }}
-                </a>
+                >@{{ page + 1 }}</a>
             </li>
             <li v-if="!isLastPage && currentRefinement !== nbPages - 2 && currentRefinement !== nbPages - 3" class="flex items-center text-muted max-sm:text-xs">
                 ...

resources/views/product/overview.blade.php

@@ -40,13 +40,13 @@
                         <div class="mb-2 border-t pt-5 text-lg font-bold">@lang('Specifications')</div>
                         <dl class="flex flex-col text-muted *:rounded-sm *:p-2 *:odd:bg *:odd:font-semibold *:odd:text *:even:pl-4">
                             <dt>ID</dt>
-                            <dd>{{ $product->entity_id }}</dd>
+                            <dd data-attribute="id">{{ $product->entity_id }}</dd>
                             <dt>SKU</dt>
-                            <dd>{{ $product->sku }}</dd>
+                            <dd data-attribute="sku">{{ $product->sku }}</dd>
                             @foreach (\Rapidez\Core\Models\EavAttribute::getCachedCatalog()->where(fn ($attribute) => $attribute->is_visible_on_front) as $attribute)
                                 @if (($value = $product->label($attribute['attribute_code'])))
                                     <dt>{{ $attribute['frontend_label'] }}</dt>
-                                    <dd>{!! $value !!}</dd>
+                                    <dd data-attribute="{{ $attribute['attribute_code'] }}">{!! $value !!}</dd>
                                 @endif
                             @endforeach
                         </dl>
@@ -64,16 +64,20 @@
 
     @if ($product->relationProducts->count() || $product->upsells->count())
         <div class="container flex flex-col gap-5 mt-14">
-            <x-rapidez::productlist
-                title="Related products"
-                field="entity_id"
-                :value="$product->relationProducts->pluck('linked_product_id')"
-            />
-            <x-rapidez::productlist
-                title="We found other products you might like!"
-                field="entity_id"
-                :value="$product->upsells->pluck('linked_product_id')"
-            />
+            @if (count($ids = $product->relationProducts->pluck('linked_product_id')))
+                <x-rapidez::productlist
+                    title="Related products"
+                    field="entity_id"
+                    :value="$ids"
+                />
+            @endif
+            @if (count($ids = $product->upsells->pluck('linked_product_id')))
+                <x-rapidez::productlist
+                    title="We found other products you might like!"
+                    field="entity_id"
+                    :value="$ids"
+                />
+            @endif
         </div>
     @endif
 

tests/playwright/category.spec.js

@@ -15,6 +15,7 @@ test('category pagination', BasePage.tags, async ({ page }) => {
     await page.goto(process.env.CATEGORY_URL_SIMPLE)
     await expect(page.getByTestId('listing-item')).toHaveCount(12)
     const firstProductPage1 = await page.getByTestId('listing-item').first().textContent()
+    await page.getByTestId('pagination').scrollIntoViewIfNeeded()
     await page.getByTestId('pagination').getByRole('link', { name: '2' }).click()
     await page.waitForLoadState('networkidle')
     const firstProductPage2 = await page.getByTestId('listing-item').first().textContent()

tests/playwright/checkout.spec.js

@@ -12,20 +12,15 @@ checkoutTypes.forEach((type) => {
         const checkoutPage = new CheckoutPage(page, type)
 
         await productPage.addToCart(process.env.PRODUCT_URL_SIMPLE)
-        await checkoutPage.checkout(`wayne+${crypto.randomUUID()}@enterprises.com`, false, false, [
-            'login',
-            'credentials',
-            'payment',
-            'success',
-        ])
+        await checkoutPage.checkout(`${crypto.randomUUID()}@enterprises.com`, false, false, ['login', 'credentials', 'payment', 'success'])
     })
 
     test(type + ' - as user', BasePage.tags, async ({ page }) => {
         const productPage = new ProductPage(page)
         const checkoutPage = new CheckoutPage(page, type)
         const accountPage = new AccountPage(page)
 
-        const email = `wayne+${crypto.randomUUID()}@enterprises.com`
+        const email = `${crypto.randomUUID()}@enterprises.com`
         const password = 'IronManSucks.91939'
 
         // Register