-
Notifications
You must be signed in to change notification settings - Fork 56
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
fix: create playground to evaluate self-contained styles #1436
Conversation
Deploy preview for fundamental ready! Built with commit e85395e |
Failing tests will be solved by #1438 |
@@ -213,65 +217,28 @@ router.get('/:key', (req, res) => { | |||
} finally { | |||
|
|||
} | |||
signale.info(`Requested http://localhost:3030/${key}`); | |||
res.render(`${key}/index`, Object.assign(GLOBALS, { id: key, component: getStarterData(), data, libs: getLibs(req.query.lib) })); |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Is the libs
no longer needed?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
It was never being used - it should have been living on a branch as it wasn't a fully developed feature.
@@ -79,8 +78,6 @@ module.exports = { | |||
"--disable-dev-shm-usage" | |||
] | |||
}, | |||
"asyncCaptureLimit": 1, | |||
"asyncCompareLimit": 1, |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
This is what was making the tests run so slowly
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I think this PR accomplishes what we set out to accomplish. It gives us a nice way to see if styles are packaged together properly for standalone components. 🚢
This pr leverages the existing playground to create a secondary one to be used to evaluate if styles are self contained and what would need to be done to have each component's scss file be self contained.
The playgrounds can be run at the same time in order to compare with
npm run start:playground
andnpm run start:playground:selfContained
. << That needs a new name 🤷♀Regular playground
core.scss
components/componentName.scss
css_deps
array, see: https://github.com/SAP/fundamental/blob/master/test/templates/action-bar/index.njk#L10all styles work together for consumers using
fiori-fundamentals.css
(akaall.scss
)Self contained playground
components/componentName.scss
Other notable changes:
resources/layout.css
to prevent confusion with inline stylesresources
directory