Responsive Styling

Last Updated on July 8, 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

Checklist #

Test Screen Sizes #

  • 1920×1080
  • 1536×864 << Start here
  • 1366×768
  • 768×1024 – iPad Mini
  • 540×720 – Surface Duo
  • 414×896

Responsive Styling #

Responsive Styling – WP Backend/Admin at different screen sizes

Responsive Styling – Form Tab #

Instructions:
Images – ..\Sync\..\Testing\Test Site\Manual Testing\Responsive Styling\Form Tab\

Checklist #

Responsive Styling – Logic Tab #

InstructionsResponsive Styling
Images – ..\Sync\..\Testing\Test Site\Manual Testing\Responsive Styling\Logic Tab\

Checklist #

  • Item
  • Empty Logic Tab
  • Add Logic Item
  • Added Logic Item
  • Duplicate Logic Item
  • Add Logic statement
  • Delete Logic statement
  • Duplicate Logic Statement

Item #

back to top

Further reading:

  • Item

NOTES #

UI Areas:

Test Results: LOGIC – UI Areas

Checklist

  • Logic Tab without Logic
  • Add Logic Item – Drag and Drop
  • Added Logic Item – Drag And Drop
  • Logic Item Status – Toggle Switch
  • Logic Item Condition – Options
  • Logic Statement Criteria – Options
  • Logic Statement Criteria – Selected
  • Logic Criteria Operators – Options
  • Logic Criteria Comparison Value
  • Added Another Logic Statement
  • Duplicate Logic Item
  • Duplicate Logic Statement
  • Logic Item Expanded
  • Logic Item Contracted
  • Delete Logic Statement
  • Delete Logic Item

Actions:

Test Results: LOGIC – Actions

Checklist

  • Logic Item
    • Add Logic Item
    • Delete Logic Item
    • Duplicate Logic Item
    • Change Visibility
    • Change statement applicability
  • Logic Statement
    • Add Logic statement
    • Delete Logic statement
    • Duplicate Logic Statement
    • Select Field
    • Select the Logic Operator
    • Add Logic Comparison Value

Save all Images to Sync – use ..\ Sync\..\Testing\Test Site\Manual Testing\