Note: All scenarios require the new styles feature enabled.
- Disable the Global JS/CSS includes setting at the domain account level
- Verify that the Upload tab does not appear in the theme editor
- Enable the Global JS/CSS includes setting at the domain account level
- Verify that the Upload tab appears in the theme editor
- Start with a canvas default theme
- Select a JS or CSS file in the Upload tab
- Verify that the 'Preview' button appears and the file name is displayed
- Click the 'Undo' button (reset icon) to remove the file
- Verify that the 'Preview' button disappears and the file name is removed
- Start with a canvas default theme
- Select a JS or CSS file in the Upload tab
- Click the 'Preview' button
- Verify that the url to the file appears in the Upload tab and the CSS or JS has been applied to the page
- Click the 'Clear' button (x icon) to remove the file
- Verify that the url is removed and the 'Preview' button appears
- Click the 'Undo' button (reset icon) to reset the url
- Verify that the url is displayed again and the 'Preview' button does NOT appear
- Click the 'Clear' button to remove the file again
- Click 'Preview'
- Verify that the CSS or JS is no longer applied to the page and the input is not populated on the Upload tab
- Start with a canvas default theme
- Select a JS or CSS file in the Upload tab
- Preview and Apply
- Verify that the JS or CSS has been applied to the page
- Go back to the Theme editor
- Verify that the url to the CSS or JS file displays in the Upload tab
- Click 'Clear' (x icon) in the Upload tab
- Verify that the url does not display
- Click 'Preview' (url should not appear)
- Click 'Apply'
- Verify that the CSS or JS file is not applied to the page (url should not appear in the theme editor)
- Start with the canvas default theme and set some brand colors and/or images
- Upload a JS or CSS file and verify 'Preview', 'Apply', 'Clear' functionality as above (make sure that custom colors/images are applied)
- Start with a custom theme (brand colors and/or images selected and applied to the account)
- Upload a JS or CSS file and verify 'Preview', 'Apply', 'Clear' functionality as above (make sure that custom theme isn't affected)
- Upload both JS and CSS files and verify 'Preview', 'Apply', 'Undo', 'Clear' functionality as above