Skip to content

[Behat] Decouple cart setup from interaction – Given I added vs When I add#17785

Merged
GSadee merged 39 commits intoSylius:2.0from
Rafikooo:SYL-4545/decouple-product-addition-setup-and-action
Mar 28, 2025
Merged

[Behat] Decouple cart setup from interaction – Given I added vs When I add#17785
GSadee merged 39 commits intoSylius:2.0from
Rafikooo:SYL-4545/decouple-product-addition-setup-and-action

Conversation

@Rafikooo
Copy link
Copy Markdown
Contributor

@Rafikooo Rafikooo commented Mar 26, 2025

Q A
Branch? 2.0
Bug fix? no
New feature? no
BC breaks? no
Deprecations? no
License MIT

Continuation of:

Until now, the checkout-related scenarios have been set up as follows:
• UI – via web actions (e.g. Given I have a product ... actually triggered browser actions to prepare the initial step),
• API – a mix of messenger commands and API calls.

During the development of Sylius 2.0, with the introduction of dynamic components, all scenarios involving product-related actions had to be marked as JS to work correctly. This significantly increased build time and reduced overall stability.

This PR focuses on decoupling the Behat architecture to unify the test setup for both UI and API. The goal is to eliminate most JS tags, which should lead to greater stability. Some performance improvements are already noticeable.

This PR doesn’t yet include all refactored scenarios, but at this stage we already observe the following performance gains:
• For non-JS scenarios, the timing is likely similar — some JS scenarios have been converted to non-JS, but at the same time, we benefit from faster setup thanks to the refactor (using messenger commands instead of API calls or UI interactions to prepare tests).
• For JS scenarios executed via Chromedriver, the same applies — some Panther scenarios have been switched to Chromedriver, and performance remains comparable.

JS with Panther: ~30 min → ~20 min

@Rafikooo Rafikooo requested review from a team as code owners March 26, 2025 17:11
@coderabbitai
Copy link
Copy Markdown

coderabbitai bot commented Mar 26, 2025

Important

Review skipped

Auto reviews are disabled on base/target branches other than the default branch.

Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.


Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share
🪧 Tips

Chat

There are 3 ways to chat with CodeRabbit:

  • Review comments: Directly reply to a review comment made by CodeRabbit. Example:
    • I pushed a fix in commit <commit_id>, please review it.
    • Generate unit testing code for this file.
    • Open a follow-up GitHub issue for this discussion.
  • Files and specific lines of code (under the "Files changed" tab): Tag @coderabbitai in a new review comment at the desired location with your query. Examples:
    • @coderabbitai generate unit testing code for this file.
    • @coderabbitai modularize this function.
  • PR comments: Tag @coderabbitai in a new PR comment to ask questions about the PR branch. For the best results, please provide a very specific query, as very limited context is provided in this mode. Examples:
    • @coderabbitai gather interesting stats about this repository and render them as a table. Additionally, render a pie chart showing the language distribution in the codebase.
    • @coderabbitai read src/utils.ts and generate unit testing code.
    • @coderabbitai read the files in the src/scheduler package and generate a class diagram using mermaid and a README in the markdown format.
    • @coderabbitai help me debug CodeRabbit configuration file.

Note: Be mindful of the bot's finite context window. It's strongly recommended to break down tasks such as reading entire modules into smaller chunks. For a focused discussion, use review comments to chat about specific files and their changes, instead of using the PR comments.

CodeRabbit Commands (Invoked using PR comments)

  • @coderabbitai pause to pause the reviews on a PR.
  • @coderabbitai resume to resume the paused reviews.
  • @coderabbitai review to trigger an incremental review. This is useful when automatic reviews are disabled for the repository.
  • @coderabbitai full review to do a full review from scratch and review all the files again.
  • @coderabbitai summary to regenerate the summary of the PR.
  • @coderabbitai generate docstrings to generate docstrings for this PR.
  • @coderabbitai resolve resolve all the CodeRabbit review comments.
  • @coderabbitai plan to trigger planning for file edits and PR creation.
  • @coderabbitai configuration to show the current CodeRabbit configuration for the repository.
  • @coderabbitai help to get help.

Other keywords and placeholders

  • Add @coderabbitai ignore anywhere in the PR description to prevent this PR from being reviewed.
  • Add @coderabbitai summary to generate the high-level summary at a specific location in the PR description.
  • Add @coderabbitai anywhere in the PR title to generate the title automatically.

CodeRabbit Configuration File (.coderabbit.yaml)

  • You can programmatically configure CodeRabbit by adding a .coderabbit.yaml file to the root of your repository.
  • Please see the configuration documentation for more information.
  • If your editor has YAML language server enabled, you can add the path at the top of this file to enable auto-completion and validation: # yaml-language-server: $schema=https://coderabbit.ai/integrations/schema.v2.json

Documentation and Community

  • Visit our Documentation for detailed information on how to use CodeRabbit.
  • Join our Discord Community to get help, request features, and share feedback.
  • Follow us on X/Twitter for updates and announcements.

@Rafikooo Rafikooo force-pushed the SYL-4545/decouple-product-addition-setup-and-action branch from 4a35a6b to 724a723 Compare March 26, 2025 23:40
@github-actions
Copy link
Copy Markdown

github-actions bot commented Mar 26, 2025

❌ Preview Environment deleted from Bunnyshell

Available commands:

  • 🚀 /bns:deploy to redeploy the environment

@Rafikooo Rafikooo force-pushed the SYL-4545/decouple-product-addition-setup-and-action branch 2 times, most recently from 1dd96d6 to 430476e Compare March 27, 2025 10:35
@probot-autolabeler probot-autolabeler bot added the Maintenance CI configurations, READMEs, releases, etc. label Mar 27, 2025
@Rafikooo Rafikooo force-pushed the SYL-4545/decouple-product-addition-setup-and-action branch 6 times, most recently from 416c871 to ac60b69 Compare March 27, 2025 18:26
@Rafikooo Rafikooo force-pushed the SYL-4545/decouple-product-addition-setup-and-action branch from ac60b69 to 4feaa16 Compare March 27, 2025 19:50
@Rafikooo Rafikooo force-pushed the SYL-4545/decouple-product-addition-setup-and-action branch from 4feaa16 to a4e5f66 Compare March 27, 2025 21:33
@Rafikooo Rafikooo force-pushed the SYL-4545/decouple-product-addition-setup-and-action branch 2 times, most recently from d042431 to 03a556a Compare March 27, 2025 23:12
@Rafikooo Rafikooo force-pushed the SYL-4545/decouple-product-addition-setup-and-action branch from 03a556a to b3d1308 Compare March 27, 2025 23:54
Copy link
Copy Markdown
Member

@GSadee GSadee left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I believe that my comments could be fixed in the next iteration

And I proceed with "Free" shipping method and "Offline" payment
And I added product "PHP T-Shirt" to the cart
And I addressed the cart
When I proceeded with "Free" shipping method and "Offline" payment method
Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
When I proceeded with "Free" shipping method and "Offline" payment method
When I proceed with "Free" shipping method and "Offline" payment method

@@ -15,7 +15,7 @@ Feature: Removing an address from my book

@api @ui @javascript
Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Could we not remove this js tag?

@@ -15,7 +15,7 @@ Feature: Viewing addresses created after checkout

@api @ui @javascript
Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The same as above 🤔

Scenario: Changing the currency of my cart
Given I have product "The Pug Mug" in the cart
When I switch to the "GBP" currency
When I add product "The Pug Mug" to the cart
Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This one could be Given and perhaps we wouldn't need the js tag 🤔

Scenario: Increasing quantity of an item in cart
Given I see the summary of my cart
When I change product "T-Shirt banana" quantity to 2 in my cart
Given I added product "T-Shirt banana" to the cart
Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This given step could stay in Background as it is the same for both scenarios here

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Adding to that we could also move the summary part to the background as well, just rephrase it to smth like I am viewing the summary of my cart

And I am a logged in customer

@api @ui @javascript
@api @ui @mink:chromedriver
Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Why? 🤔

@api @ui @mink:chromedriver
Scenario: Preventing customer from completing checkout with no longer available payment method
Given I have product "PHP T-Shirt" in the cart
When I add product "PHP T-Shirt" to the cart
Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

It should stay as Given

@@ -13,10 +13,10 @@ Feature: Registering a new account after checkout
@no-api @ui @javascript
Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Js tag shouldn't be needed here

@api @ui @javascript
Scenario: Seeing the same shipping and billing address on order summary
Given I have product "Lannister Coat" in the cart
When I add product "Lannister Coat" to the cart
Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

It could be Given

@@ -21,8 +21,8 @@ Feature: Seeing order locale on order summary page

@no-api @ui @javascript
Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Not needed js tag

Comment on lines 31 to 40
Given I changed my current channel to "United States"
And I have product "Angel T-Shirt" in the cart
And I specified the billing address as "Los Angeles", "Frost Alley", "90210", "United States" for "Lucifer Morningstar"
And I proceed with "Free" shipping method and "Offline" payment
And I added product "Angel T-Shirt" to the cart
And I addressed the cart
When I proceed with "Free" shipping method and "Offline" payment
And I confirm my order
And I changed my current channel to "Great Britain"
And I had product "Angel T-Shirt" in the cart
And I have product "Angel T-Shirt" in the cart
And I specified the billing address as "Los Angeles", "Frost Alley", "90210", "United States" for "Lucifer Morningstar"
And I proceed with "Free" shipping method and "Offline" payment
When I confirm my order
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

As it is, we have doubled Whens.
Everything up to I change my current channel could be done in the setup.

Comment on lines +18 to 21
When I add product "PHP T-Shirt" to the cart
And I am at the checkout addressing step
And my billing address is fulfilled automatically through default address
When I specify the first and last name as "Mike Ross" for billing address
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Doubled When;
Quite frankly, we could setup everything up to I confirm my order or better yet I complete the checkout or something like that.

Comment on lines +49 to 50
And I added product "T-Shirt banana" to the cart
When I add this product to the cart
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
And I added product "T-Shirt banana" to the cart
When I add this product to the cart
And I have product "T-Shirt banana" in the cart
When I add this product to the cart again

Scenario: Increasing quantity of an item in cart
Given I see the summary of my cart
When I change product "T-Shirt banana" quantity to 2 in my cart
Given I added product "T-Shirt banana" to the cart
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Adding to that we could also move the summary part to the background as well, just rephrase it to smth like I am viewing the summary of my cart

Comment on lines +14 to 16
When I add product "PHP T-Shirt" to the cart
And I go to the checkout addressing step
When I specify the email as "francis@underwood.com"
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Doubled Whens; many such cases(tm) in this file.

* @Given /^I added (\d+) of (them) to (?:the|my) (cart)$/
*/
public function iHaveAddedProductsToTheCart(int $quantity, ProductInterface $product, ?string $tokenValue): void
public function iAddedGivenQuantityOfProductsToTheCart(int $quantity, ProductInterface $product, ?string $tokenValue): void
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Why, the original template is still in place, there's no need for this change

}

/** Set the token in the shared storage to have access both in UI and API to resources created in the setup context */
private function storeUserToken(UserInterface $user): void
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
private function storeUserToken(UserInterface $user): void
private function saveUserToken(UserInterface $user): void

🤷
Although, could we add the user saving in here as well? Would be a bit cleaner


$this->securityService->logInWithRememberMe($user);

$this->storeUserToken($user);
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Don't think this one is necessary;
Can you even use remember me through the API?

{
$carts = $this->orderRepository->findBy(
['state' => OrderInterface::STATE_CART],
['state' => OrderCheckoutStates::STATE_CART],
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

To be reverted.
Although the value is the same, the field we're using is state, not checkout_state

{
if (!isset($this->clipboard[$key])) {
throw new \InvalidArgumentException(sprintf('There is no current resource for "%s"!', $key));
throw new SharedStorageElementNotFoundException($key);
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

👌

Similar should be made for ::getLatestResource or just 2 factory methods within the exception 🤷

@GSadee GSadee merged commit 7cc3b13 into Sylius:2.0 Mar 28, 2025
27 checks passed
GSadee added a commit that referenced this pull request Apr 2, 2025
…en I add` - Promotion & Some other scenarios (#17818)

| Q               | A
|-----------------|-----
| Branch?         | 2.0 <!-- see the comment below -->
| Bug fix?        | no
| New feature?    | no
| BC breaks?      | no
| Deprecations? | no <!-- don't forget to update the UPGRADE-*.md file
-->
| License         | MIT

Continuation of:
- #17785
- #17782
- #17783

Until now, the checkout-related scenarios have been set up as follows:
• UI – via web actions (e.g. `Given I have a product ...` actually
triggered browser actions to prepare the initial step),
	•	API – a mix of messenger commands and API calls.

During the development of Sylius 2.0, with the introduction of dynamic
components, all scenarios involving product-related actions had to be
marked as JS to work correctly. This significantly increased build time
and reduced overall stability.

This PR focuses on decoupling the Behat architecture to unify the test
setup for both UI and API. The goal is to eliminate most JS tags, which
should lead to greater stability. Some performance improvements are
already noticeable.


This PR doesn’t yet include all refactored scenarios, but at this stage
we already observe the following performance gains:
• For non-JS scenarios, the timing is likely similar — some JS scenarios
have been converted to non-JS, but at the same time, we benefit from
faster setup thanks to the refactor (using messenger commands instead of
API calls or UI interactions to prepare tests).
• For JS scenarios executed via Chromedriver, the same applies — some
Panther scenarios have been switched to Chromedriver, and performance
remains comparable.

JS with Panther: **~30 min → ~20 min**
GSadee added a commit that referenced this pull request Apr 9, 2025
…` and related scenarios) (#17816)

| Q               | A
|-----------------|-----
| Branch?         | 2.0 <!-- see the comment below -->
| Bug fix?        | no
| New feature?    | no
| BC breaks?      | no
| Deprecations? | no <!-- don't forget to update the UPGRADE-*.md file
-->
| License         | MIT

Continuation of:
- #17785
- #17782
- #17783

Until now, the checkout-related scenarios have been set up as follows:
• UI – via web actions (e.g. `Given I have a product ...` actually
triggered browser actions to prepare the initial step),
	•	API – a mix of messenger commands and API calls.

During the development of Sylius 2.0, with the introduction of dynamic
components, all scenarios involving product-related actions had to be
marked as JS to work correctly. This significantly increased build time
and reduced overall stability.

This PR focuses on decoupling the Behat architecture to unify the test
setup for both UI and API. The goal is to eliminate most JS tags, which
should lead to greater stability. Some performance improvements are
already noticeable.


This PR doesn’t yet include all refactored scenarios, but at this stage
we already observe the following performance gains:
• For non-JS scenarios, the timing is likely similar — some JS scenarios
have been converted to non-JS, but at the same time, we benefit from
faster setup thanks to the refactor (using messenger commands instead of
API calls or UI interactions to prepare tests).
• For JS scenarios executed via Chromedriver, the same applies — some
Panther scenarios have been switched to Chromedriver, and performance
remains comparable.

JS with Panther: **~30 min → ~20 min**
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Maintenance CI configurations, READMEs, releases, etc.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants