Manual Testing – UI Areas

Last Updated on October 28, 2024 by Neil Murray

Manual Testing – Sections

  • UI Areas – what user sees in an area before taking any user action
  • Actions – changes that happen when user takes action in the UI
  • Testing Sequences – follow these sequences to test changes & releases
  • Logic – testing CF7 Skins Logic (both Backend & Frontend)
  • Testing Forms – CF7 Skins forms used to help with testing
  • Front End Forms – how CF7 Skins forms display on WordPress website
  • Responsive Styling – WP Backend/Admin at different screen sizes

UI AREAS #

UI Areas – what user sees before taking any user action, in that area.

Instructions: Manual Testing
Images – ..\Sync\..\Testing\Test Site\Manual Testing\UI AREAS\

Checklist #

Skins Metabox #

Images – ..\Sync\..\Testing\Test Site\Manual Testing\UI AREAS\Skins Metabox\

back to top

Checklist #

Skins Metabox – Hidden Lists #

back to top

Images – ..\Sync\..\Testing\Test Site\Manual Testing\UI AREAS\Skins Metabox\

Hidden Lists – Skins Metabox (Hidden Lists_01_Skins Metabox_v2.3.0_commit-c60cc69_2024-06-17.png)

Skins Metabox – Visible Lists #

back to top

Images – ..\Sync\..\Testing\Test Site\Manual Testing\UI AREAS\Skins Metabox\

Visible Lists – Skins Metabox (Visible Lists_02_Skins Metabox_v2.3.0_commit-c60cc69_2024-06-17.png)

Form Tab #

back to top

Images – ..\Sync\..\Testing\Test Site\Manual Testing\UI AREAS\Form Tab\

Checklist #

Form Tab – Hidden Lists #

back to top

Images – ..\Sync\..\Testing\Test Site\Manual Testing\UI AREAS\Form Tab\

Hidden Lists – Form Tab (Hidden Lists_01_Form Tab_v3.0_commit-c60cc69_2024-06-17.png)

Form Tab – Visible Lists #

back to top

Images – ..\Sync\..\Testing\Test Site\Manual Testing\UI AREAS\Form Tab\

Visible Lists Form Tab (Visible Lists_02_Form Tab_v3.0_commit-c60cc69_2024-06-17.png)

Checklist #

  1. Form Options
  2. Show or Hide Lists
  3. Form Items
  4. Select Section
  5. Form Actions – in development

Form Options #

back to top

Images – ..\Sync\..\Testing\Test Site\Manual Testing\UI AREAS\Form Options\

Form Options (Form Options_logic v2.0.0_ALL_2023-09-26.png)
Form Options (Form Options Section_v2.5.1-FREE_2022-05-07.png)

Checklist #

  1. Visual Data Dialog
  2. Form Options Dialog (Addons – Multi & Styles)

Visual Data Dialog #

back to top

Visual Data Dialog (Visual Data_logic v2.0.0_ALL_2023-09-26.png)

Checklist

  1. Clicking the Visual Data button opens the Visual Data in the right panel.
  2. Initial click inside the input area of the box selects all visual data.

Form Options Dialog #

back to top

Addons – Multi & Styles

Form Options Dialog (Form Options Dialog_v2.5.1_2022-01-18_01.png)

Checklist

  1. Clicking on Form Options button opens the form options in right panel
  2. Displaying all label positions in label position select box.
  3. Clicking on Done button closes the form options

Show or Hide Lists #

back to top

Images – …\Sync\…\Testing\Test Site\Manual Testing\UI AREAS\Show or Hide Lists\

Checklist #

Lists Visible #

back to top

Lists Visible (03_Show or Hide Lists – Lists Visible_v3.0_2024-04-30.png)

Lists Hidden #

back to top

Lists Hidden (04_Show or Hide Lists – Lists Hidden_v3.0_2024-04-30.png)

Form Items #

back to top

Images – ..\Sync\..\Testing\Test Site\Manual Testing\UI AREAS\Form Items\

checklist #

Form Items – Hidden Lists #

back to top

Images – ..\Sync\..\Testing\Test Site\Manual Testing\UI AREAS\Form Items\

Hidden Lists – Form Items (Hidden Lists_01_Form Items_v3.0_commit-c60cc69_2024-06-17.png)

Checklist – Hidden Lists #

  1. Expand/Collapse – Hidden Lists
  2. Drag/Move Field – Hidden Lists
  3. Field Icon – Hidden Lists
  4. Field Name (optional) – Hidden Lists
  5. Field Label – Hidden Lists
  6. Field Type – Hidden Lists
  7. Edit – Hidden Lists
  8. Duplicate – Hidden Lists
  9. Delete – Hidden Lists
  10. Add-on options (Drop-down menu) – Hidden Lists

Expand/Collapse – Hidden Lists #

back to top

Hidden Lists – Form Items – Expand (Hidden Lists_03_Form Items – Expand_v3.0_commit-c60cc69_2024-06-17.png)
Hidden Lists – Form Items – Collapse (Hidden Lists_05_Form Items – Collapse_v3.0_commit-c60cc69_2024-06-17.png)

Drag/Move Field – Hidden Lists #

back to top

Hidden Lists – Form Items – Drag Move Field (Hidden Lists_07_Form Items – Drag Move Field_v3.0_commit-c60cc69_2024-06-17.png)

Field Icon – Hidden Lists #

back to top

Hidden Lists – Form Items – Field Icon (Hidden Lists_09_Form Items – Field Icon_v3.0_commit-c60cc69_2024-06-17.png)

Field Name (optional) – Hidden Lists #

back to top

Hidden Lists – Form Items – Field Name (Hidden Lists_11_Form Items – Field-Names-Shown_v3.0_commit-c60cc69_2024-06-17.png)

Field Label – Hidden Lists #

back to top

Hidden Lists – Form Items – Field Label (Hidden Lists_13_Form Items – Field Label_v3.0_commit-c60cc69_2024-06-17.png)

Field Type – Hidden Lists #

back to top

Hidden Lists – Form Items – Field Type (Hidden Lists_15_Form Items – Field Type_v3.0_commit-c60cc69_2024-06-17.png)

Edit – Hidden Lists #

back to top

Hidden Lists – Form Items – Edit (Hidden Lists_17_Form Items – Edit_v3.0_commit-c60cc69_2024-06-17.png)

Duplicate – Hidden Lists #

back to top

Hidden Lists – Form Items – Duplicate (Hidden Lists_19_Form Items – Duplicate_v3.0_commit-c60cc69_2024-06-17.png)

Delete- Hidden Lists #

back to top

Hidden Lists – Form Items – Delete (Hidden Lists_21_Form Items – Delete_v3.0_commit-c60cc69_2024-06-17.png)

Add-on options (Drop-down menu) – Hidden Lists #

back to top

Hidden Lists – Form Items – Add-on options (Hidden Lists_23_Form Items – Add-on options_v3.0_commit-c60cc69_2024-06-17.png)

Form Items – Visible Lists #

back to top

Images – ..\Sync\..\Testing\Test Site\Manual Testing\UI AREAS\Form Items\

Visible Lists – Form Items (Visible Lists_02_Form Items_v3.0_commit-c60cc69_2024-06-17.png)

Checklist #

  1. Expand/Collapse – Visible Lists
  2. Drag/Move Field – Visible Lists
  3. Field Icon – Visible Lists
  4. Field Name (optional) – Visible Lists
  5. Field Label – Visible Lists
  6. Field Type – Visible Lists
  7. Edit – Visible Lists
  8. Duplicate – Visible Lists
  9. Delete – Visible Lists
  10. Add-on options (Drop-down menu) – Visible Lists

Expand/Collapse – Visible Lists #

back to top

Visible Lists – Form Items – Expand (Visible Lists_04_Form Items – Expand_v3.0_commit-c60cc69_2024-06-17.png)
Visible Lists – Form Items – Collapse (Visible Lists_06_Form Items – Collapse_v3.0_commit-c60cc69_2024-06-17.png)

Drag/Move Field – Visible Lists #

back to top

Visible Lists – Form Items – Drag Move Field (Visible Lists_08_Form Items – Drag Move Field_v3.0_commit-c60cc69_2024-06-17.png)

Field Icon – Visible Lists #

back to top

Visible Lists – Form Items – Field Icon (Visible Lists_10_Form Items – Field Icon_v3.0_commit-c60cc69_2024-06-17.png)

Field Name – Visible Lists #

back to top

Visible Lists – Form Items – Field Name (Visible Lists_12_Form Items – Field-Names-Shown_v3.0_commit-c60cc69_2024-06-17.png)

[ EXPLAIN – Field Name (optional) – show this CF7 Skins Settings option ]

Field Label – Visible Lists #

back to top

Visible Lists – Form Items – Field Label (Visible Lists_12_Form Items – Field-Names-Shown_v3.0_commit-c60cc69_2024-06-17.png)

Field Type – Visible Lists #

back to top

Visible Lists – Form Items – Field Type (Visible Lists_16_Form Items – Field Type_v3.0_commit-c60cc69_2024-06-17.png)

Edit – Visible Lists #

back to top

Visible Lists – Form Items – Edit (Visible Lists_18_Form Items – Edit_v3.0_commit-c60cc69_2024-06-17.png)

Duplicate – Visible Lists #

back to top

Visible Lists – Form Items – Duplicate (Visible Lists_20_Form Items – Duplicate_v3.0_commit-c60cc69_2024-06-17.png)

Delete – Visible Lists #

back to top

Visible Lists – Form Items – Delete (Visible Lists_22_Form Items – Delete_v3.0_commit-c60cc69_2024-06-17.png)

Add-ons Options – Visible Lists #

back to top

Visible Lists – Form Items – Add-on options (Visible Lists_24_Form Items – Add-on options_v3.0_commit-c60cc69_2024-06-17.png)

See also Visual Add-ons Menu

Select Section #

back to top

Images – ..\Sync\..\Testing\Test Site\Manual Testing\UI AREAS\Select Section\

Select Section (02_Select with pro activated_v2.7.0._2023-10-31.png)

Checklist #

  1. Fields – CF7 Tags
  2. Tips
  3. Fields – CF7 Skins Items

Fields – CF7 Tags #

back to top

Images – ..\Sync\..\Testing\Test Site\Manual Testing\UI AREAS\Fields – CF7 Tags\

Fields – CF7 Tags – Select (Fields – CF7 Tags – Select_v2.7.0_2023-10-31.png)

Checklist #

  1. Single Field Card
  2. Acceptance
  3. Checkbox
  4. Date
  5. Email
  6. File
  7. Number
  8. Quiz
  9. Radio Button
  10. Select
  11. Submit
  12. Telephone
  13. Text
  14. Textarea
  15. reCAPTCHA
  16. URL

Single Field Card #

back to top

Single Field Card (single field card_cf7 tags_v2.5.3_B_2022-07-18.png)

Checklist

  1. Field Card Icon
  2. Field Card Name

Acceptance #

back to top

Acceptance Field (acceptance_field_cf7 tags_v2.5.1_2022-02-21.png)

Checkbox #

back to top

Checkbox (checkbox_field_cf7 tags_v2.5.1_2022-02-21.png)

Date #

back to top

Date Field (date_field_cf7 tags_logic-v2.0.0_2022-09-23.png)

Email #

back to top

Email (email_field_cf7 tags_v2.5.1_2022-02-21.png)

File Upload #

back to top

File Field (upload_field_cf7 tags_v2.5.1_2022-02-21.png)

Number #

back to top

Number Field (number_field_cf7 tags_v2.5.1_2022-02-21.png)

Quiz #

back to top

Quiz Field (quiz_field_cf7 tags_logic-v2.0.0_2023-09-27.png)

Radio Button #

back to top

Radio Button Field (radio_field_cf7 tags_v2.5.1_2022-02-21.png)

Select (Drop Down) #

back to top

Select (select_field_cf7 tags_logic-v2.0.0_2023-09-27.png)

Submit Button #

back to top

Submit Field (submit_field_cf7 tags_v2.5.1_2022-02-22.png)

Telephone #

back to top

Telephone Field (phone_field_cf7 tags_v2.5.1_2022-02-21.png)

Text #

back to top

Text Field (text_field_cf7 tags_v2.5.1_2022-02-21.png)

Textarea #

back to top

Textarea Field (textarea_field_cf7 tags_v2.5.1_2022-02-21.png)

Recaptcha #

back to top

Recaptcha Field (recaptcha_field_cf7 tags_v2.5.1_2022-02-21.png)

URL #

back to top

URL Field(url_field_cf7 tags_v2.5.1_2022-02-21.png)

Checklist

  1. Displaying all options in Label Position select box.
  2. Checkboxes are working properly
  3. Field Name is auto generated

Tips #

back to top

Images – ..\Sync\..\Testing\Test Site\Manual Testing\UI AREAS\Select Section\Tips\

Tips – Select (05_Tips – Select_v2.7.0_2023-10-31.png)

Checklist

  1. There is no effect on hover
  2. Tip content will be changed randomly if any button on Fields (CF7 Tags) or Fields (CF7 Skins Items) is clicked.

Fields – CF7 Skins Items #

back to top

Images – ..\Sync\..\Testing\Test Site\Manual Testing\UI AREAS\Fields – CF7 Skins Items\

Fields – CF7 Skins Items – Select (01_Fields – CF7 Skins Items – Select_v2.7.0_2023-10-31.png)

Checklist #

  1. Single Field Card
  2. Fieldset
  3. List – OL
  4. List item – IL
  5. Paragraph-p
  6. HTML

Single Field Card #

back to top

Single Field Card (single field card_cf7 skins items_v2.5.3_B_2022-07-18.png)

Checklist

  1. Field Card Icon
  2. Field Card Name

Fieldset #

back to top

Fieldset (fieldset_cf7skins items_Logic v2.0.0_2023-09-27.png)

Checklist

  1. Label – Text
  2. Textbox – Placeholder
  3. Button

List – OL #

back to top

List – OL (list-ol_cf7skins items_Logic v2.0.0_2023-09-27.png)

List – IL #

back to top

List -LI(list-li_cf7skins items_v2.5.1_2023-09-23.png)

Paragraph – p #

back to top

Paragraph – p (paragraph_cf7skins items_Logic v2.0.0_2023-09-23.png)

HTML #

back to top

HTML (html_cf7skins items_Logic v2.0.0_2023-09-23.png)

Form Actions #

back to top

Save Visual #

Save Visual Button – (Save Visual_v2.5.1_2022-01-29.png)

Checklist

  1. item
  2. item

Template Tab #

back to top

Images – ..\Sync\..\Testing\Test Site\Manual Testing\UI AREAS\Template Tab\

Template Tab – Free (08_CF7Skins Free – Template Tab_V2.7.0_commit-aad741d_2024-07-29.png)
Template Tab – Add-ons – (01_Template Tab_V2.7.0_commit-aad741d_2024-07-29.png)

See also Template Actions.

Checklist

  1. Template Sub Tabs
  2. Template Details
  3. CF7 Skins Free Template Extra Add-on

Template Sub Tabs #

back to top

Checklist #

  1. All (Free)
  2. All (Add-ons)
  3. Featured (Free)
  4. Featured (Add-ons)
  5. Popular (Free)
  6. Popular (Add-ons)
  7. Latest (Free)
  8. Latest (Add-ons)

All (Free) #

Template Tab – All – Free (09_CF7Skins Free – Template – Sub Tabs – All_V2.7.0_commit-aad741d_2024-07-29.png)

back to top

All (Add-ons) #

Template Tab – All – Add-ons (02_Template – Sub Tabs – All_V2.7.0_commit-aad741d_2024-07-29.png)

back to top

Templates Tab – Featured – Free (10_CF7Skins Free – Template – Sub Tabs – Featured_V2.7.0_commit-aad741d_2024-07-29.png)

back to top

Template Tab – Featured – Add-ons (03_Template – Sub Tabs – Featured_V2.7.0_commit-aad741d_2024-07-29.png)

back to top

Template Tabs – Popular – Free (11_CF7 Skins Free – Template – Sub Tabs – Popular_V2.7.0_commit-aad741d_2024-07-29.png)

back to top

Template Tab – Popular – Add-ons (04_Template – Sub Tabs – Popular_V2.7.0_commit-aad741d_2024-07-29.png)

back to top

Latest (Free) #

Template Tab – Latest – Free (12_CF7Skins Free – Template – Sub Tabs – Latest_V2.7.0_commit-aad741d_2024-07-29.png)

back to top

Latest (Add-ons) #

Template Tab – Latest – Addons (05_Template – Sub Tabs – Latest_V2.7.0_commit-aad741d_2024-07-29.png)

back to top

Template Details #

back to top

Checklist

  1. Details View
  2. Expanded View

Details View #

Template Tab – Details View (06_Template Tabs – Details View_V2.7.0_commit-aad741d_2024-07-29.png)

Expanded View #

Template Tab – Expanded View (07_Template Tabs – Expanded View_V2.7.0_commit-aad741d_2024-07-29.png)

CF7 Skins Free Template Extra Add-on #

back to top

Checklist

  1. Click on Extra Add-on Link
  2. Clicking on Extra Add-on link should go to CF7 Skins Pro in New Tab
CF7 Skins Free – Extra Add-on Link (13_CF7 Skins Free – Template – Click in Extra Addon button_V2.7.0_commit-aad741d_2024-07-29.png)

Style Tab #

back to top

Images – ..\Sync\..\Testing\Test Site\Manual Testing\UI AREAS\Style Tab\

Style Tab – Free (02_CF7Skins Free – Style Tab_V2.7.0_commit-aad741d_2024-07-29.png)
Style Tab – Addons (01_Style Tab_V2.7.0_commit-aad741d_2024-07-29.png)

Checklist

  1. Repeat Sub Tabs, Details View for Styles Tab
  2. Check Details and images are matching with the Style/Template.
  3. Hovering on Details and Select shows related tooltips
  4. Selected Template/Style shows the “Select” button as “Selected”
  5. Hovering on Selected button of Selected Style/Template changes it to Deselect

Template & Style Status #

back to top

Images – ..\Sync\..\Testing\Test Site\Manual Testing\UI AREAS\Template Style Status\

Checklist

  1. Template and Style Status (Default)
  2. Template and Style Status (Not Selected)
  3. Template and Style Status (Template Selected )
  4. Template and Style Status (Style Selected)
  5. Template and Style Status (Template and Style Selected)

Template and Style (Default) #

Template and Style Status (Default) – (01_Template Style Status-default_V2.7.0_commit-aad741d_2024-07-29.png)

Template and Style (Not Selected) #

Template and Style Status (Not Selected) – (02_Template Style Status not selected_V2.7.0_commit-aad741d_2024-07-29.png)

Template and Style Status (Template Selected) #

Template and Style Status (Template Selected) – (03_Template Style Status template selected_V2.7.0_commit-aad741d_2024-07-29.png)

Template and Style Status (Style Selected) #

Template and Style Status (Style Selected) – (04_Template Style Status Style Selected_V2.7.0_commit-aad741d_2024-07-29.png)

Template and Style Status (Template and Style Selected) #

Template and Style Status (Template and Style Selected) – (05_Template Style Status Template and Style Selected_V2.7.0_commit-aad741d_2024-07-29.png)

Checklist

  1. Style/Template Status is showing the currently selected Style/Template.
  2. Deselecting the template removes its name from Style/Template Status

Getting Started Tab #

back to top

Images – ..\Sync\..\Testing\Test Site\Manual Testing\UI AREAS\Getting Started Tab\

Getting Started Tab (01_Getting Started Tab – Complete _V2.7.0_commit-aad741d_2024-07-29.png)

Checklist

  1. Information
  2. Sidebar

Information #

Getting Started Tab – Information (02_Getting Started Tab – Information_V2.7.0_commit-aad741d_2024-07-29.png)

Sidebar #

Getting Started Tab – Sidebar (03_Getting Started Tab – Sidebar_V2.7.0_commit-aad741d_2024-07-29.png)

Add-ons Tab #

back to top

Images – ..\Sync\..\Testing\Test Site\Manual Testing\UI AREAS\Add-ons Tab\

Add-ons Tab (01_Add-ons Tab – Complete_V2.7.0_commit-aad741d_2024-07-29.png)

Checklist

  1. Information
  2. Sidebar

Information #

Add-ons Tab – Information (02_Add-ons Tab – Information_V2.7.0_commit-aad741d_2024-07-29.png)

Sidebar #

Add-ons Tab – Sidebar (03_Add-ons Tab – Sidebar_V2.7.0_commit-aad741d_2024-07-29.png)

Tooltips #

back to top

Images – ..\Sync\..\Testing\Test Site\Manual Testing\UI AREAS\Tooltips\

Tooltips – (Tooltips_v2.5.2_ALL_2020-04-15.png)

Checklist

  1. Contact Form 7 – Form Area
  2. Skin Metabox

Contact Form 7 – Form Area #

back to top

Images – ..\Sync\..\Testing\Test Site\Manual Testing\UI AREAS\Tooltips – Contact Form 7 Form Area\

Tooltips – CF7 Area – Multi#

Multi Tab – CF7 Area (Multi Tabs – CF7 Area_v2.5.1_2022-02-25.png)
Tooltips – CF7 Form Area – Add Multi Tab (Tooltips – CF7 Form Area – Add Multi Tab_v2.5.2_2022-04-14.jpg)
Tooltips – CF7 Form Area – Remove Multi Tab (Tooltips – CF7 Form Area – Remove Multi Tab_v2.5.2_2022-04-14.jpg)

Checklist

  1. Hovering on Icons will show the Tooltip
  2. The tooltip text hides when not hovering

Skin Metabox #

back to top

Images – ..\Sync\..\Testing\Test Site\Manual Testing\UI AREAS\Tooltips – Skins Metabox\

Tooltips – Skins Metabox (Tooltips – Skins Metabox_v2.5.2_ALL_2022-04-16.png)

Checklist

  1. Form Tab
  2. Form Item
  3. Logic Tab
  4. Multi Tab
  5. Select Help
  6. Template Tab
  7. Style Tab

Form Tab #

back to top

Images – ..\Sync\..\Testing\Test Site\Manual Testing\UI AREAS\Tooltips – Form Tab\

Skins Metabox – Form Tab (Skins Metabox – Form Tab_v2.5.2_ALL_2022-04-16.png)

Checklist

  1. Alert Icon
  2. Question Icon
  3. Show Lists
  4. Hidden Lists
  5. Visual Data
  6. Form Options
  7. Form Item
  8. Multi Tab
  9. CF7 Tags – Help
  10. CF7 Skins Items – Help

back to top

Alert Icon #
Tooltips – Form Tab – Alert Icon (01_Tooltips – Form Tab – Alert Icon_v3.0_commit-c60cc69_2024-06-18.png)
Question Icon #
Tooltips – Form Tab – Question Icon (02_Tooltips – Form Tab – Question Icon_v3.0_commit-c60cc69_2024-06-18.png)
Show Lists #
Tooltips – Form Tab – Show Lists (03_Tooltips – Form Tab – Show Lists_v3.0_commit-c60cc69_2024-06-18.png)
Hidden Lists #
Tooltips – Form Tab – Hidden Lists (04_Tooltips – Form Tab – Hide Lists_v3.0_commit-c60cc69_2024-06-18.png)
Visual Data #
Tooltips – Form Tab – Visual Data (05_Tooltips – Form Tab – Visual Data_v3.0_commit-c60cc69_2024-06-18.png)
Form Options #
Tooltips – Form Tab – Form Options (06_Tooltips – Form Tab – Form Option_v3.0_commit-c60cc69_2024-06-18.png)

back to top

Form Item #

back to top

Images – ..\Sync\..\Testing\Test Site\Manual Testing\UI AREAS\Tooltips – ..\

Checklist #

  1. Edit
  2. Duplicate
  3. Delete
  4. Add-on Options
Form Item – Edit #
Tooltips – Form Tab – Edit (07_Tooltips – Form Tab – Form Item Edit_v3.0_commit-c60cc69_2024-06-18.png)
Form Item – Duplicate #
Tooltips – Form Tab – Duplicate (08_Tooltips – Form Tab – Form Item Duplicate_v3.0_commit-c60cc69_2024-06-18.png)
Form Item – Delete #
Tooltips – Form Tab – Delete (09_Tooltips – Form Tab – Form Item Delete_v3.0_commit-c60cc69_2024-06-18.png)
Form Item – Add-on options #
Tooltips – Form Tab – Add-on options (10_Tooltips – Form Tab – Form Item Addon Options_v3.0_commit-c60cc69_2024-06-18.png)

back to top

Multi Tab #

back to top

Images – ..\Sync\..\Testing\Test Site\Manual Testing\UI AREAS\Tooltips – ..\

Checklist #

[ADD Checklist]

Multi Tab – Drag to move #
Tooltips – Form Tab – Drag (Tooltips -Form Tab – Drag_v2.5.2_2022-04-14.png)
Multi Tab – Rename Tab #
Tooltips – Form Tab – Rename Tab (Tooltips – Form Tab – Rename Tab_v2.5.2_2022-04-14.png)
Multi Tab – Remove Tab #
Tooltips – Form Tab – Remove Tab (Tooltips – Form Tab – Remove Tab_v2.5.2_2022-04-14_10.png)
Multi Tab – Add New Tab #
Tooltips – Form Tab – Add New Tab (Tooltips – Form Tab – Add New Tab_v2.5.2_2022-04-14.png)

back to top

Select Help #

back to top

Images – ..\Sync\..\Testing\Test Site\Manual Testing\UI AREAS\Tooltips – ..\

CF7 Tags – Help #
Tooltips – Form Tab – Fields – CF7 Tags (Tooltips – Form Tab – Fields – CF7 Tags_v2.5.2_2022-04-14.png)
CF7 Skins Items – Help #
Tooltips – Form Tab – Field – CF7 Skins Items (Tooltips – Form Tab – Field – CF7 Skins Items_v2.5.2_2022-04-14.png)

back to top

Template Tab #

back to top

Images – ..\Sync\..\Testing\Test Site\Manual Testing\UI AREAS\Tooltips – Template Tab\

Skins Metabox – Template Tab (Skins Metabox – Template Tab_v2.5.2_2022-04-18.png)

Checklist

  1. Alert Icon
  2. Question Icon
  3. All
  4. Featured
  5. Popular
  6. Latest
  7. Sort by
  8. Select
  9. Deselect
  10. Details
  11. Details View – Expanded View
  12. Details View – Select
  13. Details View – Deselect
  14. Details View – Close
  15. Expanded View – Select
  16. Expanded View – Close
  17. Expanded View – Deselect
  18. Expanded View – Details View
Alert Icon
Tooltips – Skins Metabox – Template Tab – Alert Icon (Tooltips – Skins Metabox – Template Tab – Alert Icon_v2.5.2_2022-04-14.png)
Question Icon
Tooltips – Skins Metabox – Template Tab – Question Icon (Tooltips – Skins Metabox – Template Tab – Question Icon_v2.5.2_2022-04-14.png)
All
Tooltips – Skins Metabox – Template Tab – All Templates (Tooltips – Skins Metabox – Template Tab – All Templates_v2.5.2_2022-04-14.png)
Featured
Tooltips – Skins Metabox – Template Tab – All Templates (Tooltips – Skins Metabox – Template Tab – All Templates_v2.5.2_2022-04-14.png)
Popular
Tooltips – Skins Metabox – Template Tab – Popular Templates (Tooltips – Skins Metabox – Template Tab – Popular Templates_v2.5.2_2022-04-14.png)
Latest
Tooltips – Skins Metabox – Template Tab – Latest Templates (Tooltips – Skins Metabox – Template Tab – Latest Templates_v2.5.2_2022-04-14.png)
Sort by
Tooltips – Skins Metabox – Template Tab – Sort by (Tooltips – Skins Metabox – Template Tab – Sort by_v2.5.2_2022-04-14.png)
Select
Tooltips – Skins Metabox – Template Tab – Select Template (01_Tooltips – Skins Metabox – Template Tab – Select Template_Logic v2.0.0_2023-09-29.png)
Deselect
Tooltips – Skins Metabox – Template Tab – Deselect Template (02_Tooltips – Skins Metabox – Template Tab – Deselect Template_Logic v2.0.0_2023-09-29.png)
Details
Tooltips – Skins Metabox – Template Tab – Details View (Tooltips – Skins Metabox – Template Tab – Details View_v2.5.2_2022-04-14.png)
Details View – Expanded View
Tooltips – Skins Metabox – Template Tab – Detailed View – Expanded View (Tooltips – Skins Metabox – Template Tab – Detailed View – Expanded View_v2.5.2_2022-04-14.png)
Details View – Select
Tooltips – Skins Metabox – Template Tab – Detailed View – Select Template (Tooltips – Skins Metabox – Template Tab – Detailed View – Select Template_v2.5.2_2022-04-14.png)
Details View – Close
Tooltips – Skins Metabox – Template Tab – Detailed View – Close (Tooltips – Skins Metabox – Template Tab – Detailed View – Select Template_v2.5.2_2022-04-14.png)
Expanded View – Select
Tooltips – Skins Metabox – Template Tab – Expanded View – Select (Tooltips – Skins Metabox – Template Tab – Expanded View – Select_v2.5.2_2022-04-14.png)
Expanded View – Close
Tooltips – Skins Metabox – Template Tab – Expanded View – Close View (Tooltips – Skins Metabox – Template Tab – Expanded View – Close View_v2.5.2_2022-04-14.png)
Expanded View – Details View
Tooltips – Skins Metabox – Template Tab – Expanded View – Detailed View (Tooltips – Skins Metabox – Template Tab – Expanded View – Detailed View_v2.5.2_2022-04-14.png)
Expanded View – Deselect
Tooltips – Skins Metabox – Template Tab – Detailed View – Deselect Template (Tooltips – Skins Metabox – Template Tab – Detailed View – Deselect Template_v2.5.2_2022-04-14.png)

Checklist

  1. Hovering on Icons will show the Tooltip
  2. The tooltip text hides when not hovering

Style Tab #

back to top

Images – ..\Sync\..\Testing\Test Site\Manual Testing\UI AREAS\Tooltips – Style Tab\

Skins Metabox – Style Tab (Skins Metabox – Style Tab_v2.5.2_2022-04-18.png)
Tooltips – Style Tab – Alert Icon (Tooltips – Style Tab – Alert Icon_v2.5.2_2022-04-14.png)
Tooltips – Style Tab – Question Icon (Tooltips – Style Tab – Question Icon_v2.5.2_2022-04-14.png)
Tooltips – Style Tab – All Styles (Tooltips – Style Tab – All Styles_v2.5.2_2022-04-14.png)
Tooltips – Style Tab – Featured Styles (Tooltips – Style Tab – Featured Styles_v2.5.2_2022-04-14.png)
Tooltips – Style Tab – Popular Styles (Tooltips – Style Tab – Popular Styles_v2.5.2_2022-04-14.png)
Tooltips – Style Tab – Latest Styles (Tooltips – Style Tab – Latest Styles_v2.5.2_2022-04-14.png)
Tooltips – Style Tab – Select Styles (01_Tooltips – Style Tab – Select Style_v2.0.0_2023-09-27.png)
Tooltips – Style Tab – Deselect Style (Tooltips – Style Tab – Deselect Style_v2.0.0_2023-09-27.png)
Tooltips – Style Tab – Details View (Tooltips – Style Tab – Details View_v2.5.2_2022-04-14.png)
Tooltips – Style Tab – Expanded View (Tooltips – Style Tab – Expanded View Link_v2.5.2_2022-04-14.png)
Tooltips – Style Tab – Detailed View – Select Style (Tooltips – Style Tab – Detailed View – Select Style_v2.5.2_2022-04-14.png)
Tooltips – Style Tab – Detailed View – Deselect Style (Tooltips – Style Tab – Detailed View – Deselect Style_v2.5.2_2022-04-14.png)
Tooltips – Style Tab – Expanded View – Close View (Tooltips – Style Tab – Expanded View – Close View_v2.5.2_2022-04-14.png)

Checklist

  1. Hovering on Icons will show the Tooltip
  2. The tooltip text hides when not hovering

CF7 Area #

back to top

Images – ..\Sync\..\Testing\Test Site\Manual Testing\UI AREAS\CF7 Area\

CF7 Area (CF7 Area_v2.5.2_ALL_2022-04-08_01.png )
CF7 Area FREE (CF7 Area_2.5.3_B-FREE_2022-07-04.png )

Checklist

  1. Multi Options Hidden
  2. Multi Options Expanded
  3. Form Tab
  4. Mail Tab
  5. Messages Tab
  6. Additional Settings Tab
  7. Logic Tab
  8. Save Button

Multi Options Hidden #

back to top

CF7 Area – Multi Options Hidden (CF7 Area – Multi Options Hidden_v2.5.2_2022-04-10_01.png )

Multi Options Expanded #

CF7 Area – Multi Options Expanded (CF7 Area – Multi Options Expanded_v2.5.2_2022-04-10_02.png )

Form Tab #

CF7 Area – Form Tab (CF7 Area – Form Tab_Logic v2.0.0_2023-09-27.png)

Checklist

  1. Available Fields
  2. Multi Tab Buttons
  3. Form Area

Available Fields #

Form Tab – Available Fields (CF7 Area – Available Fields_2.5.3_B_2022-07-04.png)

Multi Tab Buttons #

Form Tab – Multi Tab Buttons (CF7 Area – Form Tab – Multi Tab Buttons_2.5.3_B_2022-07-04.png)

Form Area #

Form Tab – Form Area (CF7 Area – Form Tab – Form Area_2.5.3_B_2022-07-04.png)

Mail Tab #

CF7 Area – Mail Tab (CF7 Area – Mail Tab_Logic V2.0.0_2023-09-27.png)

Messages Tab #

back to top

CF7 Area – Messages Tab (CF7 Area – Messages Tab_Logic V2.0.0_2023-09-27.png)

Additional Settings Tab #

CF7 Area – Additional Settings Tab (CF7 Area – Additional Settings_Logic V2.0.0_2023-09-27.png)

Logic Tab #

back to top

CF7 Area – Logic Tab (CF7 Area – Logic Tab_2.5.3_B_2022-07-04.png)

Save Button #

CF7 Area – Save Button (CF7-Area – Save-Button_2.5.3_B_2022-07-04.png)

CF7 Overall #

back to top

Images – ..\Sync\..\Testing\Test Site\Manual Testing\UI AREAS\CF7 Overall\

CF7 Overall (CF7 Overall_Logic v2.0.0_2023-09-26.png)

Checklist

  1. CF7 Area
  2. CF7 Skins Metabox

CF7 Skins Settings #

back to top

Images – ..\Sync\..\Testing\Test Site\Manual Testing\UI AREAS\CF7 Skins Settings\

CF7 Skins Settings (CF7 Skins Settings_v2.6.2_2024-01-23.png)

Checklist

  1. Options Tab
  2. Licenses Tab
  3. Logs Tab

Options Tab #

back to top

Options Tab (CF7 Skins Settings_Options Tab_v2.6.2_2024-01-23.png)

Checklist

  1. Options Tab Default (Free)
  2. Options Tab Default (Add-ons)
  3. Options Tab Unchecked (Free)
  4. Options Tab Unchecked (Add-ons)
  5. Options Tab Checked (Free)
  6. Options Tab Checked (Add-ons)

Options Tab Default (Free) #

Options Tab Default – Free (01_CF7 Skins Settings Default_logic-v2.0-free_2024-02-22.png)

Options Tab Default (Add-ons) #

Options Tab Default – Multi (CF7 Skins Settings_Options Tab_Multi_v2.6.2_2024-01-23.png)

Options Tab Unchecked (Free) #

Unchecked – Options Tab (02_CF7 Skins Settings_Options Tab_Unchecked_logic-v2.0-free_2024-02-22.png)

Options Tab Unchecked (Add-ons) #

Unchecked – Options Tab (CF7 Skins Settings_Options Tab_Unchecked_v2.6.2_2024-01-23.png)

Options Tab checked (Free) #

Unchecked – Options Tab (03_CF7 Skins Settings_Options Tab_Checked_logic-v2.0-free_2024-02-22.png)

Options Tab Checked (Add-ons) #

Checked – Options Tabs (CF7 Skins Settings_Options Tab_Checked_v2.6.2_2024-01-23.png)

Licenses Tab #

back to top

Licenses Tab (Licences Tab_v2.6.2_ALL_2024-01-23.png)

Checklist

  1. License Key Fields Activated
  2. License Key Fields Deactivated
  3. Active Licenses Area

License Key Fields Activated #

back to top

Licenses Tab – License Key Fields – Activated (Licenses Tab – License Key Fields_Activated_v2.6.2_2024-01-23.png)

Checklist

  1. The license key field is uneditable if the license key is active
  2. Clicking on Deactivate License button will deactivate the license

License Key Fields Deactivated #

back to top

Licenses Tab – License Key Fields – Deactivated (Licenses Tab – License Key Fields_Deactivated_v2.6.2_2024-01-23.png)

Checklist

  1. Double click on the license key field will select all text inside the field
  2. The license key field is uneditable if the license key is active
  3. Clicking on Activate License button will activate the license

Active Licenses Area #

back to top

Licenses Tab – Active Licenses Area (Licenses Tab – Active Licenses Area_v2.6.2_2024-01-23.png)

Logs Tab #

back to top

Logs Tab (Logs Tab_v2.6.2_2024-01-23.png)

Checklist

  1. Get Version
  2. Activation
  3. Deactivation

Get Version #

back to top

Get Version – Logs Tab (Logs Tab_Get Version_v2.6.2_2024-01-23.png)

Checklist

  1. The text area is scrollable
  2. Click-hold and drag on the text area will select the log

Activation #

back to top

Activation – Logs Tab (Logs Tab_Activation _v2.6.2_2024-01-23.png)

Checklist

  1. The text area is scrollable
  2. Click-hold and drag on the text area will select the log
  3. If the Delete Status button is clicked, the activation log inside the text area deleted

Deactivation #

back to top

Deactivation – Logs Tab (Logs Tab_Deactivation_v2.6.2_2024-01-23.png)

Checklist

  1. The text area is scrollable
  2. Click-hold and drag on the text area will select the log

Further reading:

NOTES #

Add notes here.