206 lines
9.3 KiB
Plaintext
206 lines
9.3 KiB
Plaintext
# Instruction
|
||
- You are an expert in cleaning process data descriptions. Given a task, you are provided with a set of annotation description
|
||
data for a certain visual LLM related to human user operation videos. Plus, You are provided with full trace of playwright action,
|
||
whic includes action and url before and after the action.
|
||
- You need to analyze all the descriptive data and ultimately summarize a complete and reasonable user operation description that can accomplish the given task.
|
||
- For each strategy, give a clear list of the low level action sequence.
|
||
|
||
# Task
|
||
Subscribe to the newsletter of OneStopMarket
|
||
|
||
# Annotation description
|
||
## Part 1
|
||
### Step-by-Step Actions:
|
||
|
||
1. **Action:** I click on the "My Account" link located in the top right corner of the webpage.
|
||
- **Page Changes:** The page transitions to the "My Account" section, displaying various account-related options such as "My Orders," "My Wish List," "Address Book," etc.
|
||
- **Possible Purpose:** The likely intent is to access personal account settings or information, possibly to manage orders, update account details, or view wish lists.
|
||
|
||
2. **Action:** I scroll down slightly within the "My Account" section.
|
||
- **Page Changes:** The visible content updates to show more options under the "My Account" menu, including "My Product Reviews," "Newsletter Subscriptions," and other account management features.
|
||
- **Possible Purpose:** The purpose of scrolling is to explore additional account management options that were initially out of view.
|
||
|
||
3. **Action:** I click on the "Edit" link next to the "Default Shipping Address" section.
|
||
- **Page Changes:** The page navigates to a form where the default shipping address can be edited. Fields for updating the address, such as street, city, state, and zip code, become editable.
|
||
- **Possible Purpose:** The intent is to modify or verify the default shipping address, ensuring it is correct for future orders.
|
||
|
||
4. **Action:** I click on the "Contact Information" section.
|
||
- **Page Changes:** The page displays the current contact information with options to edit the name, email, and phone number.
|
||
- **Possible Purpose:** The goal is to review or update the contact information associated with the account to ensure accuracy for communication purposes.
|
||
|
||
5. **Action:** I click on the "Change Password" link.
|
||
- **Page Changes:** A new section appears where the current password can be entered, along with fields for a new password and confirming the new password.
|
||
- **Possible Purpose:** The intention is to change the account password, likely for security reasons or because the user wants to set a new password.
|
||
|
||
### Summary:
|
||
In this video segment, I navigate through the "My Account" section of the website, focusing on accessing and potentially updating various account details. This includes reviewing and possibly editing the default shipping address, contact information, and password. Each action is directed towards managing and securing the account settings effectively.
|
||
|
||
---
|
||
|
||
## Part 2
|
||
### Step-by-Step Actions:
|
||
|
||
1. **Action:** I click on the "Newsletter Subscriptions" link in the left sidebar menu.
|
||
- **Page Changes:** The page scrolls slightly to bring the "Subscription option" section into view. This section includes a checkbox labeled "General Subscription" and a "Save" button.
|
||
- **Possible Purpose:** The likely intent is to manage or update my newsletter subscription settings.
|
||
|
||
2. **Action:** I check the box next to "General Subscription."
|
||
- **Page Changes:** A notification appears at the top of the page stating, "We have saved your subscription." Additionally, the text under the "Newsletters" section updates to say, "You are subscribed to 'General Subscription.'"
|
||
- **Possible Purpose:** The purpose is to subscribe to the general newsletter offered by the website.
|
||
|
||
3. **Action:** I click the "Save" button located below the "General Subscription" checkbox.
|
||
- **Page Changes:** There are no immediate visual changes other than the existing confirmation message, "We have saved your subscription," which remains visible.
|
||
- **Possible Purpose:** The action ensures that the subscription choice is confirmed and saved in the system.
|
||
|
||
### Summary:
|
||
In this video segment, I navigated to the "Newsletter Subscriptions" section, subscribed to the "General Subscription" by checking the corresponding box, and confirmed my choice by clicking the "Save" button. The webpage provided feedback confirming the successful subscription. Each step was aimed at managing and updating my newsletter preferences.
|
||
|
||
# Playwright action
|
||
[
|
||
{
|
||
"action_uid": "action_0",
|
||
"idx": 0,
|
||
"action_repr": "frame.clickget_by_role(\"banner\").get_by_text(\"Welcome to One Stop Market\")",
|
||
"before": {
|
||
"url": "http://ec2-3-133-227-75.us-east-2.compute.amazonaws.com:7770/"
|
||
},
|
||
"after": {
|
||
"url": "http://ec2-3-133-227-75.us-east-2.compute.amazonaws.com:7770/"
|
||
}
|
||
},
|
||
{
|
||
"action_uid": "link_Contact Us",
|
||
"idx": 1,
|
||
"action_repr": "frame.clickget_by_role(\"link\", name=\"Contact Us\")",
|
||
"before": {
|
||
"url": "http://ec2-3-133-227-75.us-east-2.compute.amazonaws.com:7770/"
|
||
},
|
||
"after": {
|
||
"url": "http://ec2-3-133-227-75.us-east-2.compute.amazonaws.com:7770/"
|
||
}
|
||
},
|
||
{
|
||
"action_uid": "link_My Account",
|
||
"idx": 2,
|
||
"action_repr": "frame.clickget_by_role(\"link\", name=\"My Account\")",
|
||
"before": {
|
||
"url": "http://ec2-3-133-227-75.us-east-2.compute.amazonaws.com:7770/customer/account/"
|
||
},
|
||
"after": {
|
||
"url": "http://ec2-3-133-227-75.us-east-2.compute.amazonaws.com:7770/customer/account/"
|
||
}
|
||
},
|
||
{
|
||
"action_uid": "link_Newsletter Subscriptions",
|
||
"idx": 3,
|
||
"action_repr": "frame.clickget_by_role(\"link\", name=\"Newsletter Subscriptions\")",
|
||
"before": {
|
||
"url": "http://ec2-3-133-227-75.us-east-2.compute.amazonaws.com:7770/newsletter/manage/"
|
||
},
|
||
"after": {
|
||
"url": "http://ec2-3-133-227-75.us-east-2.compute.amazonaws.com:7770/customer/account/"
|
||
}
|
||
},
|
||
{
|
||
"action_uid": "label_General Subscription",
|
||
"idx": 4,
|
||
"action_repr": "frame.checkget_by_label(\"General Subscription\")",
|
||
"before": {
|
||
"url": "http://ec2-3-133-227-75.us-east-2.compute.amazonaws.com:7770/newsletter/manage/"
|
||
},
|
||
"after": {
|
||
"url": "http://ec2-3-133-227-75.us-east-2.compute.amazonaws.com:7770/newsletter/manage/"
|
||
}
|
||
},
|
||
{
|
||
"action_uid": "button_Save",
|
||
"idx": 5,
|
||
"action_repr": "frame.clickget_by_role(\"button\", name=\"Save\")",
|
||
"before": {
|
||
"url": "http://ec2-3-133-227-75.us-east-2.compute.amazonaws.com:7770/newsletter/manage/"
|
||
},
|
||
"after": {
|
||
"url": "http://ec2-3-133-227-75.us-east-2.compute.amazonaws.com:7770/newsletter/manage/"
|
||
}
|
||
}
|
||
]
|
||
|
||
# Output format
|
||
- 先总结整个任务的Objective，然后按照Strategy-SubStrategy-action三级层次来给出整个过程，
|
||
- 接着给出整个操作流程后的观察和有趣的发现，最后严格按照json格式输出三级层次的过程描述。
|
||
- 最后的输出json应该是包在```{json}```之间，最底层动作需要包含描述、对应的playwright动作指令顺序编号，以及具体指令内容。
|
||
|
||
# Example
|
||
### Complete User Operation Description to Display Labeled Issues in kkroening/ffmpeg-python
|
||
|
||
**Objective:** Filter and display all issues labeled as "question" in the kkroening/ffmpeg-python repository.
|
||
|
||
---
|
||
|
||
#### **Strategy 1: Navigate to the Repository**
|
||
**Low-Level Action Sequence:**
|
||
1. **Search for the user "kkroening"**
|
||
- Click the global search bar (placeholder: "Search GitLab").
|
||
- Type "kkroening" and press `Enter`.
|
||
2. **Select the user from results**
|
||
- Click the "Users" tab in search results.
|
||
- Click on "Karl Kroening @kkroening" in the user list.
|
||
3. **Access the repository**
|
||
- Navigate to the "Personal projects" section.
|
||
- Click on the "ffmpeg-python" project.
|
||
|
||
---
|
||
|
||
#### **Strategy 2: Filter Issues by Label**
|
||
**Low-Level Action Sequence:**
|
||
1. **Open the Issues tab**
|
||
- Scroll to the left sidebar menu.
|
||
- Click the "Issues" tab (displaying the count, e.g., "Issues 402").
|
||
2. **Apply label filtering**
|
||
- Click the search/filter bar in the issues list.
|
||
- Select the "Label" dropdown from the filter options.
|
||
- Type or select "question" from the label dropdown.
|
||
- Click the search/apply button to confirm the filter.
|
||
|
||
---
|
||
|
||
#### **Final Oberservation**
|
||
The issues list will refresh to show only issues with the "question" label. The URL will reflect the filter:
|
||
`.../ffmpeg-python/-/issues/?label_name[]=question`.
|
||
|
||
---
|
||
|
||
### Key Observations from Playwright Trace
|
||
- The final URL after filtering:
|
||
`http://ec2-3-135-39-80.../ffmpeg-python/-/issues/?label_name%5B%5D=question`
|
||
confirms the "question" label filter is applied.
|
||
- Critical interactions include selecting the "Label" dropdown and explicitly choosing "question" to refine results.
|
||
|
||
### Final output
|
||
```json
|
||
[{
|
||
"strategy" : "Navigate to the Repository",
|
||
"substrategies": [
|
||
{
|
||
"substrategy": "Search for the user \"kkroening\"",
|
||
"actions" : [
|
||
{
|
||
"description": "Click the global search bar (placeholder: \"Search GitLab\"). ",
|
||
"playwright_idx" : 18,
|
||
"playwright_instruction" : "frame.pressget_by_placeholder(\"Search GitLab\")Enter"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"substrategy": "Select the user from results",
|
||
"actions" : [
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"strategy" : "Filter Issues by Label",
|
||
"substrategies" : [
|
||
]
|
||
}]
|
||
``` |