LogoLogo
BugBug HomepageContact SupportLoginSign up free
  • Documentation
  • Tutorial for beginners
  • Best practices
  • BugBug App FAQ
  • Quick Start
    • What is test automation?
    • Start for free
    • Create your first project
    • Install Chrome extension
    • Create and run the tests
  • Creating Tests
    • Your first test
    • Independent tests
    • Duplicating tests
    • New test from here
  • Recording tests steps
    • BugBug overlay
    • Recording clicks
    • Recording hover
    • Recording keyboard typing
    • Recording assertions
    • Recording drag & drop
    • Record from here
    • Re-recording steps
    • Recording pop-up window actions
    • Using keyboard shortcuts
  • Editing tests
    • Grouping steps
    • Components
    • Manually editing steps
    • Actions
    • Assertions
    • Tabs & iframes
    • Variables
    • Local variables
    • Profiles
    • Custom JavaScript actions
  • Running tests
    • Running the tests
    • Statuses
    • Run (locally)
    • Run and pause here
    • Run in cloud
    • Schedules
    • Parallel runs
    • Running via API
    • Test your local build or protected web page using ngrok
  • Preventing failed tests
    • Waiting conditions
    • Smart click
    • Smart scroll
    • Selectors
    • Timeout
    • Delay / Sleep
    • Project settings
  • Debugging Tests
    • Runs history
    • Screenshots
    • Debug in Chrome
    • Breakpoint (run step-by-step)
  • Organizing tests
    • Naming your tests
    • Searching tests
    • Suites
    • Components
    • Projects
  • Workflow Tips
    • Edit & Rewind
    • Changing the test screen size
    • Multiple environments
    • Testing registration & login
    • Integrating with build systems
    • Mobile version testing
  • Collaboration
    • Organizations
    • Inviting team members
    • Alerts
      • Sending email notification
      • Sending webhook
      • Sending Slack message
      • Sending Teams message
  • Integrations
    • CLI
    • Zapier
    • Slack
    • GitHub
    • Bitbucket
    • Gitlab
    • Trello
    • Jira
  • Your account
    • Account settings
    • Edit your name and email
    • Forgot password
    • Manage Subscriptions
    • Account FAQ
  • Troubleshooting
    • Prohibited behaviors
    • Updating Chrome extension
    • Clear cookies and site data for BugBug
    • Testing basic auth password protected websites
    • Common selectors issues
    • CAPTCHA in automation testing
    • Cloud tests sometimes failing
    • IPs list of cloud runners
    • VPN or a Firewall
    • A/B tests
    • Report a bug
  • IN-DEPTH GUIDES
    • Beginners tutorial to automation testing
    • XPath Selectors without coding
    • Tech Leader's Guide to Automation Testing
    • Test automation guides
  • FREE TOOLS
    • BugBug Testing Inbox
    • Example SaaS App
    • No-code XPath Selector Builder
  • Other links
    • BugBug Homepage
    • Pricing
    • Terms & conditions
    • Privacy Policy
Powered by GitBook
On this page
  • What is a Screen Size option?
  • Creating a new test
  • Changing screen size for desktop and mobile
  • Easy way to check your screen size for tests

Was this helpful?

  1. Workflow Tips

Changing the test screen size

PreviousEdit & RewindNextIntegrating with build systems

Last updated 1 year ago

Was this helpful?

What is a Screen Size option?

The Screen Size option is used to set the screen size for a browser running your tests. Different sizes can render your website differently and you may want to test this or test different views for mobile devices. Where can you set it?

Creating a new test

When you create a new test, we offer two different screen resolution options.

  • Desktop

    As the default window size for your primary web application testing

  • Mobile Optional for small screen testing

You can change the test screen size to mobile or desktop using test settings from the menu.

Changing screen size for desktop and mobile

If you want to change the default screen size, you need to set it in the Project Settings. Each project has its own default screen size. If you want to test other sizes, simply duplicate the project and change the settings from the default. Note: Due the Chrome limitations the minimal value for Screen size is 500

Also, you can use a quick link from the project menu

Easy way to check your screen size for tests

We have added a new column for easy identification of the screen size set for a test.

  • In the list of tests, you will see an icon informing you that the test is set for desktop or mobile.

  • On Runs history there is also info about the screen size

You can select screen size optiom from dropdown menu
open meatball menu and choose Test settings
choose an option from Screen size dropdown menu
Go to the side menu and select Project Settings. Then select the Screen Sizes tab.
Open meatball menu, choose test setting and use link from Sreen size dropdown menu
Icon will only be added if you set two different screen sizes for each test.