QAE-25 - To test right & left sidebar width on page, post & archives

[akshaylakh]

Description

Added e2e cases to test right & left sidebar width on page, post & archives

Screenshots

https://share.bsf.io/E0ujR2QK

How has this been tested?

1. To test left sidebar width - npm run test:e2e:interactive -- tests/e2e/specs/customizer/sidebar/left-sidebar-width.test.js
2. To test right sidebar width - npm run test:e2e:interactive -- tests/e2e/specs/customizer/sidebar/right-sidebar-width.test.js

Checklist:

• [ ] My code is tested
• [ ] My code passes the PHPCS tests
• [ ] My code follows accessibility standards
• [ ] My code has proper inline documentation
• [ ] I've included any necessary tests
• [ ] I've included developer documentation
• [ ] I've added proper labels to this pull request

[github-actions[bot]]

Size Change: 0 B

Total Size: 545 kB

ℹ️ View Unchanged

Filename	Size
assets/css/minified/compatibility/bne-flyout.min-rtl.css	76 B
assets/css/minified/compatibility/bne-flyout.min.css	76 B
assets/css/minified/compatibility/contact-form-7-main.min-rtl.css	424 B
assets/css/minified/compatibility/contact-form-7-main.min.css	424 B
assets/css/minified/compatibility/contact-form-7.min-rtl.css	441 B
assets/css/minified/compatibility/contact-form-7.min.css	449 B
assets/css/minified/compatibility/divi-builder.min-rtl.css	112 B
assets/css/minified/compatibility/divi-builder.min.css	112 B
assets/css/minified/compatibility/edd-grid.min.css	4.26 kB
assets/css/minified/compatibility/edd.min-rtl.css	4.49 kB
assets/css/minified/compatibility/edd.min.css	4.49 kB
assets/css/minified/compatibility/gravity-forms.min-rtl.css	322 B
assets/css/minified/compatibility/gravity-forms.min.css	322 B
assets/css/minified/compatibility/learndash.min-rtl.css	2.63 kB
assets/css/minified/compatibility/learndash.min.css	2.63 kB
assets/css/minified/compatibility/lifterlms-flex.min.css	3.74 kB
assets/css/minified/compatibility/lifterlms.min-rtl.css	3.96 kB
assets/css/minified/compatibility/lifterlms.min.css	3.96 kB
assets/css/minified/compatibility/page-builder/bb-plugin.min-rtl.css	20 B
assets/css/minified/compatibility/page-builder/bb-plugin.min.css	172 B
assets/css/minified/compatibility/page-builder/vc-plugin.min-rtl.css	20 B
assets/css/minified/compatibility/page-builder/vc-plugin.min.css	315 B
assets/css/minified/compatibility/site-origin.min-rtl.css	167 B
assets/css/minified/compatibility/site-origin.min.css	167 B
assets/css/minified/compatibility/woocommerce/woocommerce-grid.min-rtl.css	16 kB
assets/css/minified/compatibility/woocommerce/woocommerce-grid.min.css	16 kB
assets/css/minified/compatibility/woocommerce/woocommerce-layout-grid.min-rtl.css	1.94 kB
assets/css/minified/compatibility/woocommerce/woocommerce-layout-grid.min.css	1.94 kB
assets/css/minified/compatibility/woocommerce/woocommerce-layout.min-rtl.css	2.14 kB
assets/css/minified/compatibility/woocommerce/woocommerce-layout.min.css	2.14 kB
assets/css/minified/compatibility/woocommerce/woocommerce-smallscreen-grid.min-rtl.css	867 B
assets/css/minified/compatibility/woocommerce/woocommerce-smallscreen-grid.min.css	866 B
assets/css/minified/compatibility/woocommerce/woocommerce-smallscreen.min-rtl.css	935 B
assets/css/minified/compatibility/woocommerce/woocommerce-smallscreen.min.css	934 B
assets/css/minified/compatibility/woocommerce/woocommerce.min-rtl.css	16.1 kB
assets/css/minified/compatibility/woocommerce/woocommerce.min.css	16.1 kB
assets/css/minified/customizer-controls.min-rtl.css	1.26 kB
assets/css/minified/customizer-controls.min.css	1.26 kB
assets/css/minified/editor-style.min-rtl.css	4.59 kB
assets/css/minified/editor-style.min.css	4.58 kB
assets/css/minified/extend-customizer.min-rtl.css	440 B
assets/css/minified/extend-customizer.min.css	441 B
assets/css/minified/frontend.min-rtl.css	8.77 kB
assets/css/minified/frontend.min.css	8.77 kB
assets/css/minified/galleries.min-rtl.css	387 B
assets/css/minified/galleries.min.css	387 B
assets/css/minified/main-css.min.css	8.05 kB
assets/css/minified/main.min-rtl.css	7.96 kB
assets/css/minified/main.min.css	7.96 kB
assets/css/minified/menu-animation.min.css	379 B
assets/css/minified/style-css.min.css	10.2 kB
assets/css/minified/style-flex.min.css	10.1 kB
assets/css/minified/style.min-rtl.css	11.7 kB
assets/css/minified/style.min.css	11.7 kB
assets/css/minified/stylesheet.min.css	7.86 kB
assets/css/unminified/compatibility/bne-flyout-rtl.css	128 B
assets/css/unminified/compatibility/bne-flyout.css	128 B
assets/css/unminified/compatibility/contact-form-7-main-rtl.css	509 B
assets/css/unminified/compatibility/contact-form-7-main.css	509 B
assets/css/unminified/compatibility/contact-form-7-rtl.css	560 B
assets/css/unminified/compatibility/contact-form-7.css	560 B
assets/css/unminified/compatibility/divi-builder-rtl.css	151 B
assets/css/unminified/compatibility/divi-builder.css	151 B
assets/css/unminified/compatibility/edd-grid-rtl.css	5.03 kB
assets/css/unminified/compatibility/edd-grid.css	5.03 kB
assets/css/unminified/compatibility/edd-rtl.css	5.28 kB
assets/css/unminified/compatibility/edd.css	5.28 kB
assets/css/unminified/compatibility/gravity-forms-rtl.css	402 B
assets/css/unminified/compatibility/gravity-forms.css	402 B
assets/css/unminified/compatibility/learndash-rtl.css	2.85 kB
assets/css/unminified/compatibility/learndash.css	2.85 kB
assets/css/unminified/compatibility/lifterlms-flex-rtl.css	4.09 kB
assets/css/unminified/compatibility/lifterlms-flex.css	4.09 kB
assets/css/unminified/compatibility/lifterlms-rtl.css	4.3 kB
assets/css/unminified/compatibility/lifterlms.css	4.3 kB
assets/css/unminified/compatibility/page-builder/bb-plugin.css	226 B
assets/css/unminified/compatibility/page-builder/vc-plugin.css	422 B
assets/css/unminified/compatibility/site-origin-rtl.css	227 B
assets/css/unminified/compatibility/site-origin.css	225 B
assets/css/unminified/compatibility/woocommerce/woocommerce-grid-rtl.css	17.8 kB
assets/css/unminified/compatibility/woocommerce/woocommerce-grid.css	17.8 kB
assets/css/unminified/compatibility/woocommerce/woocommerce-layout-grid-rtl.css	2.45 kB
assets/css/unminified/compatibility/woocommerce/woocommerce-layout-grid.css	2.45 kB
assets/css/unminified/compatibility/woocommerce/woocommerce-layout-rtl.css	2.64 kB
assets/css/unminified/compatibility/woocommerce/woocommerce-layout.css	2.64 kB
assets/css/unminified/compatibility/woocommerce/woocommerce-rtl.css	17.9 kB
assets/css/unminified/compatibility/woocommerce/woocommerce-smallscreen-grid-rtl.css	1.19 kB
assets/css/unminified/compatibility/woocommerce/woocommerce-smallscreen-grid.css	1.19 kB
assets/css/unminified/compatibility/woocommerce/woocommerce-smallscreen-rtl.css	1.27 kB
assets/css/unminified/compatibility/woocommerce/woocommerce-smallscreen.css	1.27 kB
assets/css/unminified/compatibility/woocommerce/woocommerce.css	17.9 kB
assets/css/unminified/customizer-controls-rtl.css	1.52 kB
assets/css/unminified/customizer-controls.css	1.52 kB
assets/css/unminified/editor-style-rtl.css	5.89 kB
assets/css/unminified/editor-style.css	5.88 kB
assets/css/unminified/extend-customizer-rtl.css	514 B
assets/css/unminified/extend-customizer.css	515 B
assets/css/unminified/frontend-rtl.css	11.9 kB
assets/css/unminified/frontend.css	11.9 kB
assets/css/unminified/galleries-rtl.css	411 B
assets/css/unminified/galleries.css	411 B
assets/css/unminified/main-rtl.css	10.8 kB
assets/css/unminified/main.css	10.8 kB
assets/css/unminified/menu-animation-rtl.css	430 B
assets/css/unminified/menu-animation.css	430 B
assets/css/unminified/style-flex-rtl.css	13.1 kB
assets/css/unminified/style-flex.css	13.1 kB
assets/css/unminified/style-rtl.css	15.1 kB
assets/css/unminified/style.css	15.1 kB
assets/dynamic-css.css	7.46 kB
assets/js/minified/customizer-controls-toggle.min.js	361 B
assets/js/minified/customizer-controls.min.js	306 B
assets/js/minified/customizer-dependency.min.js	20 B
assets/js/minified/customizer-preview.min.js	8.1 kB
assets/js/minified/extend-customizer.min.js	783 B
assets/js/minified/flexibility.min.js	3.9 kB
assets/js/minified/frontend-pro.min.js	941 B
assets/js/minified/frontend.min.js	4.03 kB
assets/js/minified/mobile-cart.min.js	866 B
assets/js/minified/navigation.min.js	2.74 kB
assets/js/minified/skip-link-focus-fix.min.js	281 B
assets/js/minified/style.min.js	2.74 kB
assets/js/minified/wp-color-picker-alpha.min.js	2.6 kB
assets/js/unminified/customizer-controls-toggle.js	831 B
assets/js/unminified/customizer-controls.js	793 B
assets/js/unminified/customizer-preview.js	11.6 kB
assets/js/unminified/extend-customizer.js	1.18 kB
assets/js/unminified/flexibility.js	4.75 kB
assets/js/unminified/frontend-pro.js	1.59 kB
assets/js/unminified/frontend.js	7.32 kB
assets/js/unminified/mobile-cart.js	1.39 kB
assets/js/unminified/navigation.js	4.93 kB
assets/js/unminified/skip-link-focus-fix.js	549 B
assets/js/unminified/style.js	4.93 kB

_{compressed-size-action}

[akshaylakh]

@premanshup needs to write a utility for converting the value to percentage into pixels.

[github-actions[bot]]

This PR is stale because it has been open 60 days with no activity. Remove stale label or comment or this will be closed in 5 days.

[bsfsnehal]

@Nikschavan due to expected & receive value mismatch error because of setBrowserViewport() util, I have made changes in the util and updated test case as well. Can you please review?