Test cases for product card - WgtTelia/Telia-e-shop-front-end GitHub Wiki

Contents


Product card

Test case ID Test scenario Test case Pre-condition Test steps Test data Expected result Post-condition Actual result Status (pass/fail)
Test_case_01 Verify the product card - brand Verify that the label "brand" is aligned properly Go to e-shop home page, find product card 1. Open Chrome dev tools. 2. Right mouse click brand text. 3. Check styles for   display: grid; Apple, Samsung, Google Pixel The brand is aligned with product name, photo      
Test_case_02   Verify that the brand font is readable Go to e-shop home page, find product card 1. Open Chrome dev tools. 2. Right mouse click brand text. 3. Check styles for font Apple, Samsung, Google Pixel Font is readable      
Test_case_03   Verify that the brand font color is grey Go to e-shop home page, find product card 1. Open Chrome dev tools. 2. Right mouse click brand text. 3. Check styles for color Apple, Samsung, Google Pixel Font is grey      
Test_case_04   Verify that the brand spelling is correct Go to e-shop home page, find product card Check if the spelling of the word is correct Apple, Samsung, Google Pixel Spelling is correct      
Test_case_05 Verify the product card - title Verify that the label "title" is aligned properly Go to e-shop home page, find product card 1. Open Chrome dev tools. 2. Right mouse click brand text. 3. Check styles for   display: grid;          
Test_case_06   Verify that the title font is readable Go to e-shop home page, find product card 1. Open Chrome dev tools. 2. Right mouse click brand text. 3. Check styles for font          
Test_case_07   Verify that the title font color is black Go to e-shop home page, find product card 1. Open Chrome dev tools. 2. Right mouse click brand text. 3. Check styles for color          
Test_case_08   Verify that the title spelling is correct Go to e-shop home page, find product card Check if the spelling of the word is correct   Spelling is correct      
Test_case_09 Verify the product card - picture Verify that the picture is aligned properly Go to e-shop home page, find product card            
Test_case_10   Verify that the photo quality is good Go to e-shop home page, find product card            
Test_case_11 Verify the product card - color Verify that there are multiple options Go to e-shop home page, find product card            
Test_case_12   Verify that the options are selectable Go to e-shop home page, find product card            
Test_case_13 Verify the product card - price Verify that the price is an integer/float Go to e-shop home page, find product card            
Test_case_14   Verify that the price is in euro Go to e-shop home page, find product card            
Test_case_15 Verify the product card - short description Verify that the short description is aligned Go to e-shop home page, find product card            
Test_case_16 Verify the product card - stock availability Verify that the stock availability has two options Go to e-shop home page, find product card            
Test_case_17 Verify the product card - order button Verify that the order button is clickable Go to e-shop home page, find product card          
Test_case_lead_01 Verify the input - name and surname Verify that the text box for name field accepts string Navigate to the lead form page Enter letters into the name input; 1. Google Chrome Version 127.0.6533.100 desktop. 2. Mozilla Firefox version 129.0 desktop. 3. Opera One version 112.0.5197.53 desktop. Mobile: Google Pixel 6 build/AP31.240617.009, Android 15 4 beta OS; Google Chrome version 127.0.6.6533.103 Test; Test111; 1111 The input accepts only string, and not numbers
Test_case_lead_02 Verify that the text box for surname field accepts string Navigate to the lead form page Enter letters into the surname input; 1. Google Chrome Version 127.0.6533.100 desktop. 2. Mozilla Firefox version 129.0 desktop. 3. Opera One version 112.0.5197.53 desktop. Mobile: Google Pixel 6 build/AP31.240617.009, Android 15 4 beta OS; Google Chrome version 127.0.6.6533.104 Test; Test111; 1112 The input accepts only string, and not numbers
Test_case_lead_03 Verify the upper and lower limit for name characters Navigate to the lead form page Enter the upper character limit; enter the lower character limit 1. Google Chrome Version 127.0.6533.100 desktop. 2. Mozilla Firefox version 129.0 desktop. 3. Opera One version 112.0.5197.53 desktop. Mobile: Google Pixel 6 build/AP31.240617.009, Android 15 4 beta OS; Google Chrome version 127.0.6.6533.105 Nametestdataforcharacters; n; There are upper and lower character limits implemented
Test_case_lead_04 Verify the upper and lower limit for surname characters Navigate to the lead form page 1. Google Chrome Version 127.0.6533.100 desktop. 2. Mozilla Firefox version 129.0 desktop. 3. Opera One version 112.0.5197.53 desktop. Mobile: Google Pixel 6 build/AP31.240617.009, Android 15 4 beta OS; Google Chrome version 127.0.6.6533.106 Nametestdataforcharacters; n; There are upper and lower character limits implemented
Test_case_lead_05 Verify that the name placeholder text disappears after entering name Navigate to the lead form page 1. Enter the name into the "first name" field; 2. Check the "first name" field and verify if there's no placeholder text, 1. Google Chrome Version 127.0.6533.100 desktop. 2. Mozilla Firefox version 129.0 desktop. 3. Opera One version 112.0.5197.53 desktop. Mobile: Google Pixel 6 build/AP31.240617.009, Android 15 4 beta OS; Google Chrome version 127.0.6.6533.107 Testname The placeholder text disappears after entering text
Test_case_lead_06 Verify that the surname placeholder text disappears after entering surname Navigate to the lead form page 1. Enter the surname into the "last name" field; 2. Check the "last name" field and verify if there's no placeholder text, 1. Google Chrome Version 127.0.6533.100 desktop. 2. Mozilla Firefox version 129.0 desktop. 3. Opera One version 112.0.5197.53 desktop. Mobile: Google Pixel 6 build/AP31.240617.009, Android 15 4 beta OS; Google Chrome version 127.0.6.6533.108 Testsurname The placeholder text disappears after entering text
Test_case_lead_07 Validate name field with special symbols Navigate to the lead form page 1. Enter text with special symbols 1. Google Chrome Version 127.0.6533.100 desktop. 2. Mozilla Firefox version 129.0 desktop. 3. Opera One version 112.0.5197.53 desktop. Mobile: Google Pixel 6 build/AP31.240617.009, Android 15 4 beta OS; Google Chrome version 127.0.6.6533.109 N@m! ; !@#$%^, Name2341@#$^& The input does not accept special symbols like "!", "@", "#", "$", "%", etc
Test_case_lead_08 Validate surname field with special symbols Navigate to the lead form page 1. Enter text with special symbols. 1. Google Chrome Version 127.0.6533.100 desktop. 2. Mozilla Firefox version 129.0 desktop. 3. Opera One version 112.0.5197.53 desktop. Mobile: Google Pixel 6 build/AP31.240617.009, Android 15 4 beta OS; Google Chrome version 127.0.6.6533.110 N@m! ; !@#$%^, Name2341@#$^& The input does not accept special symbols like "!", "@", "#", "$", "%", etc
Test_case_lead_09 Validate name field with non English characters Navigate to the lead form page Enter text in the "first name' field that would have Lithuanian, Latvian, Estonian, Polish, and Ukrainian letters. 1. Google Chrome Version 127.0.6533.100 desktop. 2. Mozilla Firefox version 129.0 desktop. 3. Opera One version 112.0.5197.53 desktop. Mobile: Google Pixel 6 build/AP31.240617.009, Android 15 4 beta OS; Google Chrome version 127.0.6.6533.111 Ąžuolaitis; Lūdzu; Nägemiseni;Proszę The input accepts LT, LV, EE, PL, UA letters
Test_case_lead_10 Validate surname field with non English characters Navigate to the lead form page Enter text in the "first name' field that would have Lithuanian, Latvian, Estonian, Polish, and Ukrainian letters. 1. Google Chrome Version 127.0.6533.100 desktop. 2. Mozilla Firefox version 129.0 desktop. 3. Opera One version 112.0.5197.53 desktop. Mobile: Google Pixel 6 build/AP31.240617.009, Android 15 4 beta OS; Google Chrome version 127.0.6.6533.112 Ąžuolas; Lūdzu; Nägemiseni;Proszę The input accepts LT, LV, EE, PL, UA letters
Test_case_lead_11 Validate that name is a required field (with an asterisk) Navigate to the lead form page Enter valid surname; Check if there's an asterisk for required field. AND Do not enter name; Check if there's an asterisk or an error for the required field. 1. Google Chrome Version 127.0.6533.100 desktop. 2. Mozilla Firefox version 129.0 desktop. 3. Opera One version 112.0.5197.53 desktop. Mobile: Google Pixel 6 build/AP31.240617.009, Android 15 4 beta OS; Google Chrome version 127.0.6.6533.113 Any valid name The first name is a required field
Test_case_lead_12 Validate that surname is a required field (with an asterisk) Navigate to the lead form page Enter valid name; Check if there's an asterisk for required field. AND Do not enter name; Check if there's an asterisk or an error for the required field. 1. Google Chrome Version 127.0.6533.100 desktop. 2. Mozilla Firefox version 129.0 desktop. 3. Opera One version 112.0.5197.53 desktop. Mobile: Google Pixel 6 build/AP31.240617.009, Android 15 4 beta OS; Google Chrome version 127.0.6.6533.114 Any valid surname The surname is a required field
Test_case_lead_13 Validate error message when name and surname are entered as empty Navigate to the lead form page Do not enter name 1. Google Chrome Version 127.0.6533.100 desktop. 2. Mozilla Firefox version 129.0 desktop. 3. Opera One version 112.0.5197.53 desktop. Mobile: Google Pixel 6 build/AP31.240617.009, Android 15 4 beta OS; Google Chrome version 127.0.6.6533.115 No input There's an error message if the first name field is empty after submitting the form
Test_case_lead_14 Verify the input - phone number Verify that the phone number field accepts only integers Navigate to the lead form page Enter valid phone number with country code. Enter invalid phone number with country code. Enter valid phone number without country code. Enter invalid phone number without country code. 1. Google Chrome Version 127.0.6533.100 desktop. 2. Mozilla Firefox version 129.0 desktop. 3. Opera One version 112.0.5197.53 desktop. Mobile: Google Pixel 6 build/AP31.240617.009, Android 15 4 beta OS; Google Chrome version 127.0.6.6533.116 37000000000; 370asdfghkl; 3710000000 The phone number input accepts only numbers (not letters, not special symbols)
Test_case_lead_15 Check for input format enforcement Navigate to the lead form page 1. Google Chrome Version 127.0.6533.100 desktop. 2. Mozilla Firefox version 129.0 desktop. 3. Opera One version 112.0.5197.53 desktop. Mobile: Google Pixel 6 build/AP31.240617.009, Android 15 4 beta OS; Google Chrome version 127.0.6.6533.117 Validate if there's phone number format enforcement (there has to be + country code)
Test_case_lead_16 Verify that the phone number is a required field (with an asterisk) Navigate to the lead form page 1. Enter phone number. Check if there's an asterisk for the required field. 2. Do not enter phone number. Check if there's an asterisk for the required field. 1. Google Chrome Version 127.0.6533.100 desktop. 2. Mozilla Firefox version 129.0 desktop. 3. Opera One version 112.0.5197.53 desktop. Mobile: Google Pixel 6 build/AP31.240617.009, Android 15 4 beta OS; Google Chrome version 127.0.6.6533.118 Any valid phone number The phone number is a required field
Test_case_lead_17 Verify the input - email address Validate error messages for missing @ symbol Navigate to the lead form page 1. Enter valid email address with @ symbol. 2. Enter valid email address without @ symbol. 3. Enter invalid email address with @ symbol. 4. Enter invalid email address without @ symbol. 1. Google Chrome Version 127.0.6533.100 desktop. 2. Mozilla Firefox version 129.0 desktop. 3. Opera One version 112.0.5197.53 desktop. Mobile: Google Pixel 6 build/AP31.240617.009, Android 15 4 beta OS; Google Chrome version 127.0.6.6533.119 namegmail.com ; [email protected]; nameyahoo.com; [email protected] There's an error message if the entered email does not contain the "@" symbol
Test_case_lead_18 Validate email length limits. Navigate to the lead form page 1. Enter a very long (20+ symbols) email address. 2. Enter a very short (1-2 symbols) email address. 1. Google Chrome Version 127.0.6533.100 desktop. 2. Mozilla Firefox version 129.0 desktop. 3. Opera One version 112.0.5197.53 desktop. Mobile: Google Pixel 6 build/AP31.240617.009, Android 15 4 beta OS; Google Chrome version 127.0.6.6533.120 [email protected] ; [email protected] There's an email length limit implemented.
Test_case_lead_19 Validate multiple email addresses input. Navigate to the lead form page 1. Enter 2 or more email addresses separated with spaces. 2. Enter 2 or more email addresses separated with commas. 3. Enter 2 or more email addresses separated with semicolons. 1. Google Chrome Version 127.0.6533.100 desktop. 2. Mozilla Firefox version 129.0 desktop. 3. Opera One version 112.0.5197.53 desktop. Mobile: Google Pixel 6 build/AP31.240617.009, Android 15 4 beta OS; Google Chrome version 127.0.6.6533.121 [email protected] [email protected] The input only accepts one email address (it doesn't accept multiple inputs with spaces, hyphens or commas)
Test_case_lead_20 Verify that special symbols can't be entered to the email field Navigate to the lead form page 1. Enter email address with special symbols and @ domain. 2. Enter email address without special symbols and @ domain. 3. Enter email address without special symbols and @ domain. 4. Enter email addresses without special symbols and @ domain. 1. Google Chrome Version 127.0.6533.100 desktop. 2. Mozilla Firefox version 129.0 desktop. 3. Opera One version 112.0.5197.53 desktop. Mobile: Google Pixel 6 build/AP31.240617.009, Android 15 4 beta OS; Google Chrome version 127.0.6.6533.122 t#[email protected] ; t@@@@%%$[email protected] The input does not accept special symbols like "!", "@", "#", "$", "%", etc
Test_case_lead_21 Verify the button "place an order" Validate that the "place order" button is responsive and submits data Navigate to the lead form page 1. Enter the required inputs. 2. Click "place an order". 1. Enter only one required input. 2. Click "place an order". 1. Enter none of the required inputs. 2. Click "place an order". 1. Google Chrome Version 127.0.6533.100 desktop. 2. Mozilla Firefox version 129.0 desktop. 3. Opera One version 112.0.5197.53 desktop. Mobile: Google Pixel 6 build/AP31.240617.009, Android 15 4 beta OS; Google Chrome version 127.0.6.6533.123 The "place order" button is responsive and sends the entered data to the backend
Test_case_lead_22 Verify the confirmation message Verify that there's a confirmation message after submitting the form Navigate to the lead form page 1. Enter the required inputs. 2. Click "place an order". 3. Check if there's a green confirmation message. 1. Enter only one required input. 2. Click "place an order". 3. Check if there's a green confirmation message. 1. Enter none of the required inputs. 2. Click "place an order". 3. Check if there's a green confirmation message. 1. Google Chrome Version 127.0.6533.100 desktop. 2. Mozilla Firefox version 129.0 desktop. 3. Opera One version 112.0.5197.53 desktop. Mobile: Google Pixel 6 build/AP31.240617.009, Android 15 4 beta OS; Google Chrome version 127.0.6.6533.124 There's a green confirmation message stating that the submission was successful and within 24 hours someone will be contacting the user and finalize the order.
Test_case_lead_23 Verify the error message Verify that there's an error message after a failed attempt to submit the form Navigate to the lead form page 1. Enter none of the required inputs. 2. Click "place an order". 3. Check if there's a red error message. 1. Google Chrome Version 127.0.6533.100 desktop. 2. Mozilla Firefox version 129.0 desktop. 3. Opera One version 112.0.5197.53 desktop. Mobile: Google Pixel 6 build/AP31.240617.009, Android 15 4 beta OS; Google Chrome version 127.0.6.6533.125 There's a red error message stating that the submission failed due to a technical error and suggests submitting the order again with the "fill the form again"
Test_case_lead_24 Verify the "close" button Verify that the "close" button is responsive and closes the lead form window Navigate to the lead form page 1. Enter the required inputs. 2. Click "place an order". 3. Check if there's a green confirmation or red error message. 4. Click "close" button. 1. Enter only one required input. 2. Click "place an order". 3. Check if there's a green conifrmation or red error message. 4. Click "close" button. 1. Enter none of the required inputs. 2. Click "place an order". 3. Check if there's a green confirmation or red error message. 4. Click "close" button. 1. Google Chrome Version 127.0.6533.100 desktop. 2. Mozilla Firefox version 129.0 desktop. 3. Opera One version 112.0.5197.53 desktop. Mobile: Google Pixel 6 build/AP31.240617.009, Android 15 4 beta OS; Google Chrome version 127.0.6.6533.126 The close button is responsive and it refreshes the lead form page (the inputs are empty and the submission button is available)
Test_case_lead_25 Verify the "fill the form again" button Verify that the button is responsive and redirects to the lead form input page Navigate to the lead form page 1. Enter none of the required inputs. 2. Click "place an order". 3. Check if there's a red error message. 4. Click "Fill the form again" button 1. Google Chrome Version 127.0.6533.100 desktop. 2. Mozilla Firefox version 129.0 desktop. 3. Opera One version 112.0.5197.53 desktop. Mobile: Google Pixel 6 build/AP31.240617.009, Android 15 4 beta OS; Google Chrome version 127.0.6.6533.127 The "fill the form again" button refreshes the page and the inputs are empty again - user can enter and submit the form again

↑ back to top