tkukurin/wonderbread huggingface dataset:
Task: How many reviews our shop received in May 2023?
Site: shopping_admin

1. Click the "Marketing" tab from the left sidebar to open the dropdown menu.
2. Click on "All Reviews" in the bottom right of the dropdown.
3. At the top of the third column, click inside the "From" box.
4. Type in the first date of May 2023 "05/01/2023".
5. Click inside the "To" box just below.
6. Type in the last date of May 2023 "05/31/2023".
7. Press the "Enter/Return" key to show all results.
8. Given the information, state how many reviews our shop received in May 2023.

1. Click the "Marketing" tab in the gray sidebar on the left of the screen.
2. Click on "All Reviews" in the bottom right of the dropdown.
3. Under the "Created" column of the table, enter in "05/01/2023" into the first empty text box.
4. In the second empty text box under the "Created" column, enter in "05/31/2023".
5. Press enter.
6. The number of "records found" (shown near the top left of the table) is the number of reviews received in May 2023.

1. Click the "Marketing" tab from the left sidebar to open the dropdown menu.
2. Click on "All Reviews" in the bottom right of the menu that appeared (just to the right of the menu that contains "marketing".
3. Under the "Created" label in the table header, there are two textboxes on top of each other. Click the top one.
4. Type in the first date of May 2023 "05/01/2023", replacing any text that might be there.
5. Click the bottom textbox just below.
6. Type in the last date of May 2023 "05/31/2023".
7. Press the "Enter/Return" key to show all results.
8. You will see the answer near the top, where it says "{answer} records found", in this case 0

1. Click on "Marketing" in the sidebar on the far left. It has an icon that looks like a megaphone.
2. Click on "All Reviews" within the "User Content" subsection of the Marketing tab on the sidebar.
3. Click on the first date selection filter input (the first input that is labeled "From") in the "Created" column.
4. Type 5/1/2023 into the date input text box.
5. Click on the second date selection filter input (the second input that is labeled "To") in the "Created" column.
6. Type 5/31/2023 into the date input text box. Press enter. Identify the total number of rows in the table which will be stated in the form of "x records found", where x is the number of reviews, at the top of the table.
Task: Who else have access to my repo gimmiethat.space, show me their usernames
Site: gitlab

1. In the purple "Search Gitlab" box on the very top left of the page, type in "gimmethat.space".
2. Select the option under "Projects" that shows up in the dropdown.
3. On the left sidebar, click on the first button "Project information".
4. On the screen, you'll see the usernames of the people in gray, starting with the "@" symbol.

1. Click in the "Filter by name" search bar at the top.
2. Type in the keyword "gimmie".
3. Click on the repository "Byte Blaze / gimmiethat.space" from the autocomplete menu.
4. From the left sidebar, click the first option "Project Information".
5. Click on the option "Members".
6. Given the information, state the usernames of those who have access to my repo gimmiethat.space.

1. In the top right corner, there is a search box that says "Filter by name". Click on this textbox to type.
2. Type in the name of the repo, "gimmiethat.space" until the repo shows up on the screen. You might not need to type the full name for it to appear. 
3. Click on the name of the repo.
4. On the lefthand side, click on the menu option that says "Project information"
5. Underneath the "Project information" button on the lefthandside menu, click the button that appeared that says "Members". Click this button. 
6. You will see a list of all the members who are a part of the repo, with their usernames following an @. In this case we see @byteblaze (which says "It's you") and @yjlou. In this case, it's just yjlou.

1. Click on "Explore" under the "Projects" heading
2. Click on the search bar in the top right
3. Type in "gimmiethat.space"
4. From the results below, click on "Byte Blaze / gimmiethat.space"
5. Click on "Project Information" in the left sidebar.
6. Click on "Members" in the left sidebar.
7. List the information of users who have access.

1. Scroll down the repository list until the gimmiethat.space repository is located.
2. Click on the gimmiethat.space repository.
3. Click on "Project information" in the left hand sidebar.
4. Click on "Members" under the "Project information" subsection of the left sidebar. Identify all the usernames of the people listed, scroll if needed to see the entire list.
Task: Who else have access to my repo prism-theme, show me their usernames
Site: gitlab

1. In the purple "Search Gitlab" box on the very top left of the page, type in "prism-theme".
2. Select the option under "Projects" that shows up in the dropdown.
3. On the left sidebar, click on the first button "Project information".
4. On the screen, you'll see the usernames of the people in gray, starting with the "@" symbol.

1. Click in the "Filter by name" search bar at the top.
2. Type in the keyword "prism".
3. Click on the repository "Byte Blaze / solarized-prism-theme" from the autocomplete menu.
4. From the left sidebar, click the first option "Project Information".
5. Click on the option "Members".
6. Given the information, state the usernames of those who have access to my repo prism-theme.

1. In the top right corner, there is a search box that says "Filter by name". Click on this textbox to type.
2. Type in the name of the repo, "prism-theme" until the one relevant repo shows up on the screen. You might not need to type the full name for it to appear. 
3. Click on the name of the repo. In this case, the project is titled "solarized-prism-theme".
4. On the lefthand side, click on the menu option that says "Project information". This option is directly above the "Repository" button.
5. Underneath the "Project information" button on the left hand side menu, click the button that appeared that says "Members".
6. A list of all the members who are a part of the repo, with their usernames following an @ is shown. In this case we see @byteblaze (which says "It's you") and @abisubramanya27. In this case, it's just abisubramanya27.

1. Click on the search bar in the top right
2. Type in "prism"
3. From the results below, click on "Byte Blaze / solarized-prism-theme"
4. Click on "Project Information" in the left sidebar.
5. Click on "Members" in the left sidebar.
6. List the information of users who have access.

1. Scroll down the repository list until the prism-theme repository is located.
2. Click on the prism-theme repository.
3. Click on "Project information" in the left hand sidebar.
4. Click on "Members" under the "Project information" subsection of the left sidebar. Identify all the usernames of the people listed, scroll if needed to see the entire list.
Task: List products from PS4 accessories category by ascending price
Site: shopping

1. Click on the "Video Games" tab on the top gray bar.
2. On the left hand sidebar, click on the "PlayStation 4" button under "Category".
3. On the left hand sidebar, click on the "Acessories" button under "Category".
4. Click the box to the right of "Sort By".
5. Select "Price" in the dropdown.

1. Click the "Accessories" tab under the "Playstation 4" section from the "Video Games" tab of the gray menu bar at the top.
2. Click on the menu next to "Sort By" so the dropdown options show.
3. Click on "Price".
4. Thus, products from PS4 accessories category by ascending price have been listed.

1. In the top menu (not the top header, but a darker shade menu that is below the site logo), there are several product categories. Click the "Video Games" category.
2. On the side, there are options: Under "Shop By" there are is a "Shopping Option Category" list. Click the option that says "PlayStation 4". 
3. In the same place, the options under "Shopping Options Category" have changed to now include "Accessories." Click this option.
4. In the righthand side, there is a dropdown menu that says "Sort By {Position}". Click this dropdown where it says "Position."
5. A dropdown menu has appeared under "Position". Click "Price" instead.

1. Click on "Video Games" on the second row of the Grey top bar
2. Click on shopping category "Playstation 4" on the left
3. Click on  shopping category "Accessories"
4. Click on the right dropdown menu and select"price"

1. Click on "Accessories" under "Video Games > "Playstation 4" > "Accessories" in the category bar near the top of the page
2. Click on the "Sort by" dropdown at the top of the results"
3. Click on "Price" in the "Sort by" dropdown. Ensure the arrow directly to the right of the "Sort by" dropdown is facing upwards, as that indicates ascending order.
Task: List products from nutrition bars and drinks category by ascending price
Site: shopping

1. Click on the "Health & Household" tab on the top gray bar.
2. On the left hand sidebar, click on the "Diet & Sports Nutrition" button under "Category".
3. On the left hand sidebar, click on the "Nutrition Bars & Drinks" button under "Category".
4. Click the box to the right of "Sort By".
5. Select "Price" in the dropdown.

1. Click the "Nutrition Bars & Drinks" tab under the "Diet & Sports Nutrition" section from the "Health & Household" tab of the gray menu bar at the top.
2. Click on the menu next to "Sort By" so the dropdown options show.
3. Click on "Price".
4. Thus, products from nutrition bars and drinks category by ascending price have been listed.

1. In the top menu (not the top header, but a darker shade menu that is below the site logo), there are several product categories. Click the "Health & Household" category.
2. On the side, there are options: Under "Shop By" there are is a "Shopping Option Category" list. Click the option that says "Diets & Sports Nutrition". 
3. In the same place, the options under "Shopping Options Category" have changed to now include "Nutrition Bars & Drinks." Click this option.
4. In the righthand side, there is a dropdown menu that says "Sort By {Position}". Click this dropdown where it says "Position."
5. A dropdown menu has appeared under "Position". Click "Price" instead.

1. Click on "Health and household" on the second row of the Grey top bar
2. Click on shopping category "Diet and sports nutrition" on the left
3. Click on  shopping category "Nutrition bars and drinks"
4. Click on the right dropdown menu and select"price"
Task: List products from competative swimwear category by ascending price
Site: shopping

1. Click on the "Clothing, Shoes & Jewelry" tab on the top gray bar.
2. On the left hand sidebar, click on the "Sport Specific Clothing" button under "Category".
3. On the left hand sidebar, click on the "Competitive Swimwear" button under "Category".
4. Click the box to the right of "Sort By".
5. Select "Price" in the dropdown.

1. Click the "Competitive Swimwear" tab under the "Sport Specific Clothing" section of the "Clothing, Shoes & Jewelry" tab.
2. Click on the menu next to "Sort By" so the dropdown options show.
3. Click on "Price".
4. Thus, products from competative swimwear category have been listed by ascending price.

1. In the top menu (not the top header, but a darker shade menu that is below the site logo), there are several product categories. Click the "Clothing, Shoes & Jewelry" category.
2. On the side, there are options: Under "Shop By" there are is a "Shopping Option Category" list. Click the option that says "Sport Specific Clothing". 
3. In the same place, the options under "Shopping Options Category" have changed to now include "Competitive Swimwear." Click this option.
4. In the righthand side, there is a dropdown menu that says "Sort By {Position}". Click this dropdown where it says "Position."
5. A dropdown menu has appeared under "Position". Click "Price" instead.

1. Click on "Clothing, shoes and jewelry" on the first row of the Grey top bar
2. Click on shopping category "sport specific clothing" on the left
3. Click on  shopping category "Competitive swimwear"
4. Click on the right dropdown menu and select"price"

1. Click on the competative swimwear category located in the navigation bar. It is located at Clothing, Shoes & Jewelry > Sport Specfic Clothing > Competative Swimwear
2. Click on the "Sort By" dropdown in the top right of the results.
3. Click on "Price" in the "Sort By" dropdown. The arrow directly to the right of the "Sort By" dropdown should be facing upwards to indicate ascending order. If this is not the case, click the arrow to toggle the ordering of the results.
Task: List products from living room furtniture category by descending price
Site: shopping

1. Click on the "Home & Kitchen" tab on the top gray bar.
2. On the left hand sidebar, click on the "Furniture" button under "Category".
3. On the left hand sidebar, click on the "Living Room Furniture" button under "Category".
4. Click the box to the right of "Sort By".
5. Select "Price" in the dropdown.
6. Click the small gray up arrow next to the "Sort By" box to get descending prices.
7. Products by descending price in this category are shown.

1. Click the "Living Room Furniture" tab under the "Furniture" section of the "Home & Kitchen" tab.
2. Click on the menu next to "Sort By" so the dropdown options show.
3. Click on "Price".
4. Click the "Set Descending Direction" arrow next to "Price".
5. Thus, products from living room furtniture category have been listed by descending price.

1. In the top menu (not the top header, but a darker shade menu that is below the site logo), there are several product categories. Click the "Home & Kitchen" category.
2. On the side, there are options: Under "Shop By" there are is a "Shopping Option Category" list. Click the option that says "Furniture". 
3. In the same place, the options under "Shopping Options Category" have changed to now include "Living Room Furniture." Click this option.
4. In the righthand side, there is a dropdown menu that says "Sort By {Position}". Click this dropdown where it says "Position."
5. A dropdown menu has appeared under "Position". Click "Price" instead.
6. To the right of the "Price" dropdown, there's an arrow pointing up. Click it and it will point down, indicating descending price.

1. Click on "Home and Kitchen" on the first row of the Grey top bar
2. Click on shopping category "Furniture" on the left
3. Click on  shopping category "Living room furniture"
4. Click on the right dropdown menu and select"price"
5. Click on the arrow next to the dropdown to point it downwards

1. Click on the living room furtniture category located in the navigation bar. It is located at "Home & Kitchen" > "Furtniture" > "Living Room Furtniture"
2. Click on the "Sort By" dropdown in the top right of the results.
3. Click on "Price" in the "Sort By" dropdown. The arrow directly to the right of the "Sort By" dropdown should be facing upwards to indicate ascending order. If this is not the case, click the arrow to toggle the ordering of the results.
Task: List products from kids' bedding category by descending price
Site: shopping

1. Click on the "Home & Kitchen" tab on the top gray bar.
2. On the left hand sidebar, click on the "Bedding" button under "Category".
3. On the left hand sidebar, click on the "Kids' Bedding" button under "Category".
4. Click the box to the right of "Sort By".
5. Select "Price" in the dropdown.
6. Click the small gray up arrow next to the "Sort By" box to get descending prices.
7. Products by descending price in this category are shown.

1. Click the "Kids' Bedding" tab under the "Bedding" section of the "Home & Kitchen" tab.
2. Click on the menu next to "Sort By" so the dropdown options show.
3. Click on "Price".
4. Click the "Set Descending Direction" arrow next to "Price".
5. Thus, products from kids' bedding category have been listed by descending price.

1. In the top menu (not the top header, but a darker shade menu that is below the site logo), there are several product categories. Click the "Home & Kitchen" category.
2. On the side, there are options: Under "Shop By" there are is a "Shopping Option Category" list. Click the option that says "Bedding". 
3. In the same place, the options under "Shopping Options Category" have changed to now include "Kids' Bedding." Click this option.
4. In the righthand side, there is a dropdown menu that says "Sort By {Position}". Click this dropdown where it says "Position."
5. A dropdown menu has appeared under "Position". Click "Price" instead.
6. To the right of the "Price" dropdown, there's an arrow pointing up. Click it and it will point down, indicating descending price.

List products from kids' bedding category by descending price
. Click on "Home and Kitchen" on the first row of the Grey top bar
2. Click on shopping category "Bedding" on the left
3. Click on  shopping category "kid's bedding"
4. Click on the right dropdown menu and select"price"
5. Click on the arrow next to the dropdown to point it downwards

1. Click on the kids' bedding category located in the navigation bar. It is located at "Home & Kitchen" > "Bedding" > "Kids' Bedding"
2. Click on the "Sort By" dropdown in the top right of the results.
3. Click on "Price" in the "Sort By" dropdown. The arrow directly to the right of the "Sort By" dropdown should be facing upwards to indicate ascending order. If this is not the case, click the arrow to toggle the ordering of the results.
Task: Checkout merge requests requiring my review
Site: gitlab

1. Click on the merge requests button on the purple bar at the top right of the page. It's to the left of the checkbox icon and to the right of the issues icon.
2. In the dropdown menu, select the "Review requests for you" button.
3. You can now see the merge requests requiring your review on this page.

1. Click the fourth icon from the top right corner, "Merge requests", which is denoted by an arrow pointing from one node to two others.
2. From the dropdown menu, click on the first option "Assigned to you".
3. Thus, merge requests requiring my review are shown.

1. In the header, click the "Merge requests" button. This is the third button in the top-right and likely has a light orange-colored number on it. It's the button to the left of the checkbox button.
2. In the dropdown menu that appears, click "Review requests for you". This will be the second option of the dropdown.
3. Thus, checkout merge requests requiring my review have been shown.

1. Click the fourth icon from the right, an arrow pointing towards another to see "merge requests"
2. Click on the first option in the dropdown, "Review requests for you"
3. Merge requests requiring my review are shown

1. Click on the merge requests icon in the top navigation bar.
2. Click on "Review requests for you" in the merge requests menu dropdown.
Task: Show me the shipping method for order number 187.
Site: shopping

1. Click the first blue option from the very top "My Account".
2. From the left sidebar, click the second option "My Orders".
3. Click the blue "View Order" link in the fourth row for order number 187.
4. Given the information, state the shipping method for order number 187.

1. Click on the blue "My Account" button on the top right of the page.
2. On the left gray sidebar menu, click on "My Orders".
3. Click on the blue "View Order" button for the row where the value in the "Order #" column is 187.
4. Scroll down until you see the bolded text "Shipping Method". The shipping method is listed below the bolded text.

1. In the top navigation bar, click the button that says "My Account"
2. On the left side, there is a menu with an option "My Orders". Click the "My Orders" button.
3. The center of the page has a list of orders (each order is a new row) and their corresponding order number (this information is in the first column). Underneath, there are buttons to navigate to different pages of the list (like 1, 2, 3, 4, etc.). Navigate to the part of the list containing the relevant order number.
4. In the order's corresponding row, click the "View Order" button. 
5. You will see a page summary of the order. Look for the desired information near the bottom, and you can see that there is text which says "Shipping Method" and underneath "Flat Rate - Fixed" which is the answer.

1. Click on "My Account" button on the top right of the page
2. Click on "My Orders" on the left sidebar menu
3. Click on order number 187
4. Scroll down to see shipping method in the order details
5. See that the shipping method is "Flat rate fixed"

1. Click on "My Account" in the top navigation bar.
2. Click on "My Orders" in the left sidebar.
3. Click on "View Order" on the row with order 000000187. Note that the order may not be on the first page. If the order cannot be found on the first page, navigating through all subsequent pages till the order is located is needed.
4. Scroll down till the "Shipping Method" is identified.
Task: Show me the order date for order number 148.
Site: shopping

1. Click on the blue "My Account" link at the very top of the webpage.
2. From the left sidebar, click the second option called "My Orders".
3. We need to find an order with the number 148. The table lists all of the orders that we've placed. Click the right arrow at the bottom of the table until an order with the number 148 appears.
4. Given the information, state the order date for order number 148.

1. Click on the blue "My Account" button on the top right of the page.
2. On the left gray sidebar menu, click on "My Orders".
3. Click on the right arrow at the bottom of the page to see more orders.
4. Click on the blue "View Order" button for the row where the value in the "Order #" column is 148.
5. The order date is listed at the top of this page after the "Order Date:" text.

1. In the top navigation bar, click the button that says "My Account"
2. On the left side, there is a menu with an option "My Orders". Click the "My Orders" button.
3. The center of the page has a list of orders (each order is a new row) and their corresponding date (in the second column) and order number (in the first column). Underneath, there are buttons to navigate to different pages of the list (like 1, 2, 3, 4, etc.). Navigate to the part of the list containing the relevant order number
4. Read the date in the order's corresponding row.

1. Click on "My Account" button on the top right of the page
2. Click on "My Orders" on the left sidebar menu
3. Click on the bottom right  bar to select “20 “ items per page.
4. Look at the date corresponding to order number 148

1. Click on "My Account" in the top navigation bar.
2. Click on "My Orders" in the left sidebar.
3. Click on the right arrow at the bottom of the "My Orders" list to navigate to the next page. Identify the "Date" of order 000000148.
Task: Show me the product names for order number 148.
Site: shopping

1. Click the first blue option at the very top "My Account". This is directly to the left of the "My Wish List" option.
2. From the gray left sidebar, click the second option "My Orders". This button is directly below "My Account" and directly above "My Downloadable Products".
3. Click the right arrow below the listing of orders.
4. Click the blue "View Order" link in the top row for order number 148.
5. There will be a page summary of the order, including an "Items Ordered" list. Each item will have a subheading called "Product Name", and the desired information is just below it. Given the information, state the product names for order number 148.

1. Click on the blue "My Account" button on the top right of the page.
2. On the left gray sidebar menu, click on "My Orders".
3. Click on the right arrow at the bottom of the page to see more orders.
4. Click on the blue "View Order" button for the row where the value in the "Order #" column is 148.
5. Scroll down to see all items.
6. The product names for this order are listed in the first column of the table under "Product Name".

1. In the top navigation bar, click the button that says "My Account"
2. On the left side, there is a menu with an option "My Orders". Click the "My Orders" button.
3. The center of the page has a list of orders (each order is a new row) and their corresponding order number (in the first column). Underneath, there are buttons to navigate to different pages of the list (like 1, 2, 3, 4, etc.). Navigate to the part of the list containing the relevant order number.
4. In the order's corresponding row, click the "View Order" button. 
5. You will see a page summary of the order, including an "Items Ordered" list. Each item will have a subheading called "Product Name", and the desired information is just below it. 
6. Return a list of all the product names in the list.

1. Click on "My Account" button on the top right of the page
2. Click on "My Orders" on the left sidebar menu
3. Click on the bottom right  bar to select “20 “ items per page
4. Click on order number 148
5. See product names

1. Click on "My Account" in the top navigation bar.
2. Click on "My Orders" in the left sidebar.
3. Click on the right arrow at the bottom of the "My Orders" list to navigate to the next page.
4. Click on "View Order" in the row of order 000000148.
5. Scroll down to the "Items Ordered" section of the page.
Task: Show me the order statuses for order number 170 and 189.
Site: shopping

1. Click the first blue option from the very top "My Account".
2. From the left sidebar, click the second option "My Orders".
3. Given the information, state the order statuses for order number 170 and 189.

1. Click on the blue "My Account" button on the top right of the page.
2. On the left gray sidebar menu, click on "My Orders".
3. Check the values under the "Status" column for the rows which have 170 and 189 as the last three digits of the "Order #" column.

1. In the top navigation bar, click the button that says "My Account"
2. On the left side, there is a menu with an option "My Orders". Click the "My Orders" button.
3. The center of the page has a list of orders (each order is a new row) and their corresponding status (in the fourth column) and order number (in the first column). Underneath, there are buttons to navigate to different pages of the list (like 1, 2, 3, 4, etc.). Navigate to the part of the list containing the relevant order number.
4. For each order number of interest, read the status in the order's corresponding row.

1. Click on "My Account" button on the top right of the page
2. Click on "My Orders" on the left sidebar menu
3. Lookup order status corresponding to order number 170
4. Lookup order status corresponding to order number 189

1. Click on "My Account" in the top navigation bar.
2. Click on "My Orders" in the left sidebar. Identify order 170 and 189. Identify their respective statuses in the "Status" column. If the orders cannot be found, navigating to subsequent pages will be needed.
Task: Show me the billing address for order number 00178.
Site: shopping

1. Click the first blue option from the very top "My Account".
2. From the left sidebar, click the second option "My Orders".
3. Since all relevant data is not shown, click the down arrow next to "Show" and "per page".
4. From the dropdown menu, click on "50".
5. Scroll down until order number 178 is shown.
6. Click the blue "View Order" link for order number 178.
7. Scroll down until the desired billing address is shown.
8. Given the information, state the billing address for order number 00178.

1. Click on the blue "My Account" button on the top right of the page.
2. On the left gray sidebar menu, click on "My Orders".
3. Click on the right arrow at the bottom of the page to see more orders.
4. Click on the right arrow at the bottom of the page again to see more orders.
5. Click on the blue "View Order" button for the row where the last three digits of the value in the "Order #" column are 178.
6. Scroll down until you see the bolded "Billing Address" text.
7. The product names for this order are listed under the bolded "Billing Address" text.

1. In the top navigation bar, click the button that says "My Account"
2. On the left side, there is a menu with an option "My Orders". Click the "My Orders" button.
3. The center of the page has a list of orders (each order is a new row) and their corresponding order number (in the first column). Underneath, there are buttons to navigate to different pages of the list (like 1, 2, 3, 4, etc.). Navigate to the part of the list containing the relevant order number.
4. In the order's corresponding row, click the "View Order" button. 
5. You will see a page summary of the order. Look for the desired information near the bottom, and you can see that there is text which says "Billing Address" and underneath "Emma Lopez
101 S San Mateo Dr
San Mateo, California, 94010
United States" which is the answer.

Show me the billing address for order number 00178.
Show me the product names for order number 148.
1. Click on "My Account" in the top navigation bar.
2. Click on "My Orders" in the left sidebar.
3. Click on the right arrow at the bottom of the "My Orders" list to navigate to the next page. At this point you should be on page 2 of My orders.
3. Click on the right arrow at the bottom of the "My Orders" list to navigate to the next page. At this point you should be on page 3 of My orders.
4. Click on "View Order" in the row of order 000000178.
5. Scroll down to the "Billing Address" section of the page.
Task: Preview the Magento Blank theme for my shop
Site: shopping_admin

1. Click on the "Content" icon on the left to reveal the pop-out menu.
2. Click on "Themes" under the "Design" section at the bottom of the menu.
3. Click on the blue "View" button at the right of the table row for "Magento Blank".
4. Click on the colorful "Theme Preview Image" icon.
5. Thus, the Magento Blank theme for my shop has been previewed, as desired.

1. Click on the "Content" icon on the gray sidebar on the left side of the screen.
2. Click on "Themes" under the "Design" section at the bottom of the submenu.
3. Click on the blue "View" button for the table row which contains "Magento Blank".
4. Click on the icon to the right of the text "Theme Preview Image".
5. This is the preview of the desired theme.

1. Click on the “Content” button on the far lefthand sidebar to open up navigation options for content-related pages. It has an icon which looks like a page with blocks arranged on it. It should be located directly above the “Reports” button and below the “Marketing” button.
2. In the popup menu that appears, click on the “Themes” link to go to the “Content Themes” page. The link should be located under the “Design” section.
3. Click on the blue “View” link to view the desired theme, in this case the Magento Blank theme, in order to view the theme’s page. The link should be located in the “Action” column of the table containing available themes. The link should also be in the same row of the available themes table as the Magento Blank theme. You can identify this row by the fact that it will have the name of the desired theme, in this case “Magento Blank”, in the “Theme Title” column of the row.
4. Click on the preview image located directly to the right of the bolded text “Theme Preview Image” in order to preview the theme. The preview image should also be directly below the title of the desired theme, in this case “Magento Blank”.

1. Click on the "Content" icon on the left to reveal the pop-out menu.
2. Click on "Themes" under the "Design" section at the bottom of the menu.
3. Click on the blue "View" button on the right of the row corresponding to "Magento Blank".
4. Click on the "Theme Preview Image" thumbnail (to the right of the text).

1. Click on "Content" in the sidebar on the far left. It has an icon that resembles a website.
2. Click on "Themes" within the "Design" subsection of the Content tab on the sidebar.
3. Click on the row with the title "Magento Blank" in the table.
4. Click on the "Theme Preview Image" in the "Theme Settings" section of the page.
Task: Preview the Magento Luma theme for my shop
Site: shopping_admin

1. Click on the "Content" icon on the left to reveal the pop-out menu.
2. Click on "Themes" under the "Design" section at the bottom of the menu.
3. Click on the blue "View" button at the right of the table row for "Magento Luma".
4. Click on the colorful "Theme Preview Image" icon.
5. Thus, the Magento Luma theme for my shop has been previewed, as desired.

1. Click on the "Content" icon on the gray sidebar on the left side of the screen.
2. Click on "Themes" under the "Design" section at the bottom of the submenu.
3. Click on the blue "View" button for the table row which contains "Magento Luma".
4. Click on the icon to the right of the text "Theme Preview Image".
5. This is the preview of the desired theme.

1. Click on "Content" in the left sidebar
2. Click on "Themes" in the popover menu
3. Click on the blue "View" button in the "Magento Luma" row
4. Click on the "Theme Preview Image"

1. Click on the "Content" icon on the left to reveal the pop-out menu.
2. Click on "Themes" under the "Design" section at the bottom of the menu.
3. Click on the blue "View" button on the right of the row corresponding to "Magento Luma".
4. Click on the "Theme Preview Image" thumbnail (to the right of the text).

1. Click on "Content" in the sidebar on the far left. It has an icon that resembles a website.
2. Click on "Themes" within the "Design" subsection of the Content tab on the sidebar.
3. Click on the row with the title "Magento Luma" in the table.
4. Click on the "Theme Preview Image" in the "Theme Settings" section of the page.
Task: What is the rating of Ugreen lightning to 3.5mm cable. Please round to the nearest whole number
Site: shopping

1. In the search box on the top right, enter the keyword "ugreen lightning".
2. Press enter.
3. Click on the first search result.
4. Look at the number of stars shaded in (stars located under the product title).

1. Click in the search bar at the top right.
2. Type in the keyword "ugreen lightning to 3.5mm".
3. Press the "Enter/Return" key to execute the search.
4. Scroll down so that the name of the first item is shown.
5. Click the link for the first shown item.
6. Given the information, state the rating of Ugreen lightning to 3.5mm cable rounded to the nearest whole number.

1. Click into the search bar in the top right corner of the page to focus it. The search bar has an icon of a magnifying glass at its rightmost end, and is located directly to the left of the shopping cart icon.
2. Type in the name of the desired product to create the search query. In this case, we type in “Ugreen lightning to 3.5mm cable”.
3. Press enter to search for the desired product.
4. Look through each row of search results to locate the desired product, in this case “Ugreen lightning to 3.5mm cable”, scrolling down if necessary. The desired product can be identified by finding a search result with a product name that matches our desired product. Each product's name can be found directly under each product’s picture. Since the search results are automatically sorted by relevance, it’s likely our product will appear in the first few rows. In this case, the product appears as the first item in the first row of results.
5. After finding the desired product, we can find the product’s rating, rounded to the nearest whole number, by observing the star rating for each product, which is the number of colored-in stars directly underneath the product name. We then count the number of fully colored-in stars, and only count partially colored-in stars if they are more than half colored.

1. In the top right corner, find and click on "Search entire store here...".
2. Under Search Settings, in the search bar next to Product Name, type "UGREEN lighting to 3.5mm cable" and hit the return key.
3. Scroll down until you reach "UGREEN Lightning to 3.5mm Adapter Apple Mfi...".
4. Count the number of full stars, which round to three.

1. Click on the search bar near the top of the page.
2. Type "ugreen lightning" into the search bar input box.
3. Scroll down the page till the Ugreen lightning to 3.5mm cable is identified. Identify the rating of the product by the number of stars it has directly under its name.
Task: Post "Thanks, working on reviews" for the merge request related to octovisuals page in primer/design project
Site: gitlab

1. Search for "a11yproject" in the top search bar.
2. Click on the project "a11yproject" under "Projects".
3. Click on the "Merge requests" button.
4. Click on the "feat: add WCAG levels" merge request.
5. Scroll down until you find the comment box.
6. Type "Thank you" in the "Write" input box.
7. Click on the blue "Comment" button.

1. Click on the project titled "primer/design" listed on the page.
2. Select the "Merge requests" button on the gray left sidebar.
3. Select the merge request with "octovisuals" in the title.
4. Scroll down to the bottom of the page.
5. Type "Thanks, working on reviews".
6. Click the blue "Comment" button at the bottom of the page.

1. In the top right corner, there is a search textbox that reads “Filter by name”. Type the project name until only one option shows up in the results. 
2. Click on the relevant project.
3. Click on the button titled “Merge requests” on the lefthand side menu.
4. In the search box that reads “Search or filter results,” type in the thing that it’s related to (in this case, “octovisuals page” followed by “enter”
5. Across down to the large paragraph textbox that says “Write a comment or drag your files here…” and type in the desired Post content. 
6. Press the blue “comment” button underneath when you’re done.

1. Click on "Explore" under the "Projects" heading
2. Click on the search bar in the top right
3. Type in "design"
4. From the results below, click on "Primer / design"
5. Click on "Merge requests" in the left sidebar
6. Click on the result "Octovisuals Page"
7. Scroll down until the "Write a comment or drag your files here..." text field is in view
8. Click on the text field.
9. Type "Thanks, working on reviews"
10. Click on the "Comment" button in blue

1. Click on the search box in the top navigation bar. The search box says "Search Gitlab".
2. Type "design" into the search box. Press enter.
3. Click on "Merge requests" in the left sidebar.
4. Click on the octovisuals related merge request in the open merge requests list.
5. Scroll down to the comments section of the merge request page.
6. Click on the comment input text box.
7. Type in "Thanks, working on reviews".
8. Press on "Comment" directly below the comment input box. Ensure the comment is successfully posted.
Task: Post "lgtm" for the merge request related to semantic HTML post in a11yproject/a11yproject.com project
Site: gitlab

1. Search for "a11yproject" in the top search bar.
2. Click on the project "a11yproject" under "Projects".
3. Click on the "Merge requests" option on the left side bar.
4. Click on the "update or remove 404 links" merge request.
5. Scroll down until you find the comment box.
6. Type "@Roshanjossey" in the "Write" input box.
7. Click on the blue "Comment" button.

1. Click on the project titled "a11yproject/a11yproject.com" listed on the page.
2. Select the "Merge requests" button on the gray left sidebar.
3. Select the merge request with "semantic HTML" in the title.
4. Scroll down to the bottom of the page.
5. Type "lgtm".
6. Click the blue "Comment" button at the bottom of the page.

1. In the top right corner, there is a search textbox that reads “Filter by name”. Type the project name untilthe relevant project shows up in the results. 
2. Click on the relevant project.
3. Click on the button titled “Merge requests” on the lefthand side menu.
4. In the search box that reads “Search or filter results,” type in the thing that it’s related to (in this case, “semantic HTML post”) followed by “enter”
5. Across down to the large paragraph textbox that says “Write a comment or drag your files here…” and type in the desired Post content. (Replace any text in the textbox if necessary). 
6. Press the blue “comment” button underneath when you’re done.

1. Click on "Explore" under the "Projects" heading
2. From the results below, click on "The A11Y Project / a11yproject.com"
3. Click on "Merge requests" in the left sidebar
4. Click on the result "Add draft of What is Semantic HTML post"
5. Scroll down until the "Write a comment or drag your files here..." text field is in view
6. Click on the text field.
7. Type "lgtm"
8. Click on the "Comment" button in blue

1. Click on the a11yproject/a11yproject.com repository. If it cannot be located on the front page, search for it using the search bar at the top of the page.
2. Click on "Merge requests" in the left sidebar.
3. Click on the "Search or filter results..." bar in the middle of the page.
4. Type "semantic html". Press enter.
5. Click on the semantic html related merge request in the search results.
6. Scroll down to the comments section of the merge request page.
7. Click on the comment input text box.
8. Type in "lgtm" into the comment box.
9. Press on "Comment" directly below the comment input box. Ensure the comment is successfully posted.
Task: Post "close because non reproducible" for the merge request related to focus edge cases in a11yproject/a11yproject.com project
Site: gitlab

1. Click on the "The A11Y Project / a11yproject.com " repository.
2. Click on the "Merge requests" tab from the left sidebar.
3. Click on the title near the bottom that contains the text "focus edge cases" in bold font.
4. Scroll down to the bottom of the page so the "Write" box is fully visible.
5. Click inside the comment box.
6. Type in the desired text "close because non reproducible".
7. Click the blue "Comment" button below.
8. Thus, the desired post has been commented for the merge request related to focus edge cases in a11yproject/a11yproject.com project.

1. Click on the project titled "a11yproject/a11yproject.com" listed on the page.
2. Select the "Merge requests" button on the gray left sidebar.
3. Select the merge request with "edge cases" in the title.
4. Scroll down to the bottom of the page.
5. Type "close because non reproducible".
6. Click the blue "Comment" button at the bottom of the page.

1. In the top right corner, there is a search textbox that reads “Filter by name”. Type the project name untilthe relevant project shows up in the results. 
2. Click on the relevant project.
3. Click on the button titled “Merge requests” on the lefthand side menu.
4. In the search box that reads “Search or filter results,” type in the thing that it’s related to (in this case, “close because non reproducible”) followed by “enter”
5. Across down to the large paragraph textbox that says “Write a comment or drag your files here…” and type in the desired Post content. (Replace any text in the textbox if necessary). 
6. Press the blue “comment” button underneath when you’re done.

1. Click on "Explore" under the "Projects" heading
2. From the results below, click on "The A11Y Project / a11yproject.com"
3. Click on "Merge requests" in the left sidebar
4. Click on the result "Fix card focus edge cases"
5. Scroll down until the "Write a comment or drag your files here..." text field is in view
6. Click on the text field.
7. Type "close because non reproducible"
8. Click on the "Comment" button in blue

1. Click on the a11yproject/a11yproject.com repository. If it cannot be located on the front page, search for it using the search bar at the top of the page.
2. Click on "Merge requests" in the left sidebar.
3. Click on the focus edge cases related merge request in the search results.
4. Scroll down to the comments section of the merge request page.
5. Click on the comment input text box.
6. Type in "close because non reproducible" into the comment box.
7. Press on "Comment" directly below the comment input box. Ensure the comment is successfully posted.
Task: Post "Good idea" for the merge request related to color ulitity in a11yproject.com project
Site: gitlab

1. Click on the "The A11Y Project / a11yproject.com " repository.
2. Click on the "Merge requests" tab from the left sidebar.
3. Click on the title at the bottom that contains the text "color utility" in bold font.
4. Click inside the comment box.
5. Type in the desired text "Good idea".
6. Click the blue "Comment" button below.
7. Thus, the desired post has been commented for the merge request related to color ulitity in a11yproject/a11yproject.com project.

1. Click on the project titled "a11yproject/a11yproject.com" listed on the page.
2. Select the "Merge requests" button on the gray left sidebar.
3. Select the merge request with "color utility" in the title.
4. Scroll down to the bottom of the page.
5. Type "Good idea".
6. Click the blue "Comment" button at the bottom of the page.

1. In the top right corner, there is a search textbox that reads “Filter by name”. Type the project name untilthe relevant project shows up in the results. 
2. Click on the relevant project.
3. Click on the button titled “Merge requests” on the lefthand side menu.
4. In the search box that reads “Search or filter results,” type in the thing that it’s related to (in this case, “Good idea”) followed by “enter”
5. Across down to the large paragraph textbox that says “Write a comment or drag your files here…” and type in the desired Post content. (Replace any text in the textbox if necessary). 
6. Press the blue “comment” button underneath when you’re done.

1. Click on "Explore" under the "Projects" heading
2. From the results below, click on "The A11Y Project / a11yproject.com"
3. Click on "Merge requests" in the left sidebar
4. Click on the result "Add color utility classes"
5. Scroll down until the "Write a comment or drag your files here..." text field is in view
6. Click on the text field.
7. Type "Good idea"
8. Click on the "Comment" button in blue

1. Click on the a11yproject/a11yproject.com repository. If it cannot be located on the front page, search for it using the search bar at the top of the page.
2. Click on "Merge requests" in the left sidebar.
3. Click on the color ulitity related merge request in the search results.
4. Scroll down to the comments section of the merge request page.
5. Click on the comment input text box.
6. Type in "Good idea" into the comment box.
7. Press on "Comment" directly below the comment input box. Ensure the comment is successfully posted.
Task: Fork 2019-nCov.
Site: gitlab

1. Click on the gray "Explore" tab.
2. In the "Filter by name" search bar on the right, type in "2019-ncov".
3. Click on the repo returned by the search.
4. Click on the "Fork" button on the right (next to "Star").
5. Click on the "select a namespace" dropdown under "Project URL". 
6. Select the namespace "byteblaze" under the dropdown.
7. Press the blue "Fork project" button at the bottom of the page.
8. Wait until the "Forking in progress" page disappears.

1. Click the third tab at the top "Explore".
2. Click on the first project "yjlou / 2019-nCov".
3. Click on the "Fork" button at the top right of the page.
4. Click on the "Select a namespace" button located under the "Project URL" section.
5. From the dropdown, click on "byteblaze".
6. Click the blue "Fork project" button at the bottom.
7. Thus, the project 2019-nCov has been forked, as desired.

1. Click on "Explore" under the "Projects" heading
2. From the results below, click on "yjlou / 2019-nCov"
3. Click on the blue "Fork" button on the right, in line with the project title
4. Click on the "Select a namespace" dropdown under "Project URL"
5. Select "byteblaze" from the dropdown.
6. Click on the blue "Fork project" button towards the bottom

1. In the "Projects" page, click on the textbox which says "Filter by name" in the right side of the header.
2. In the textbox, enter the name of the project you wish to view contributions for: in this case, it is "2019-nCov". I types only "2019" because a match showed up.
3. Click on the relevant project.
4. In the top right corner, press "Fork"
5. On the dropdown that says "Choose a namespace," choose an option. The prompt does not specify, so it doesn't matter which you choose. 
6. Click the blue "fork project" button.

1. Press the "/" key to bring up the search bar.
2. Type "2019-nCov" into the search bar. Press Enter.
3. Click on the 2019-nCov repository in the search results. Note that it may not be the first result.
4. Click "Fork" in the top right of the repository page.
5. Click "Select a namespace" under "Project URL".
6. Press my username in the namespace dropdown, in this case it is "byteblaze".
7. Press the blue "Fork project" at the bottom of the page. Ensure the fork is successful.