The point of this PR is to make it easier to implement scrollbars (#683). With this PR, the themes move from a body tag-based system (e.g. `body.theme-scarlet`) to a system where they simply declare global CSS and we use CSS specificity order to give us the right theme.
		
			
				
	
	
		
			22 lines
		
	
	
	
		
			636 B
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
			
		
		
	
	
			22 lines
		
	
	
	
		
			636 B
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
import {
 | 
						|
  getCurrentTheme,
 | 
						|
  settingsNavButton
 | 
						|
} from '../utils'
 | 
						|
import { loginAsFoobar } from '../roles'
 | 
						|
import { Selector as $ } from 'testcafe'
 | 
						|
 | 
						|
fixture`020-themes.js`
 | 
						|
  .page`http://localhost:4002`
 | 
						|
 | 
						|
test('can set a theme', async t => {
 | 
						|
  await loginAsFoobar(t)
 | 
						|
  await t
 | 
						|
    .click(settingsNavButton)
 | 
						|
    .click($('a[href="/settings/instances"]'))
 | 
						|
    .click($('a[href="/settings/instances/localhost:3000"]'))
 | 
						|
    .expect(getCurrentTheme()).eql('default')
 | 
						|
    .click($('input[value="scarlet"]'))
 | 
						|
    .expect(getCurrentTheme()).eql('scarlet')
 | 
						|
    .click($('input[value="default"]'))
 | 
						|
    .expect(getCurrentTheme()).eql('default')
 | 
						|
})
 |