Comments (7)
I was writing tests to cover missing branches and found out that in
src/utils/templates/getAreasList.js
const propValue = sanitizeTemplateString(props[propName])
const nextAreas = propValue ? res.areas.concat(propValue) : res.areas
propValue can be never undefined or false because sanitizeTemplateString
always returns an array.
So either check for array length or remove this check.
What do you think?
from atomic-layout.
Added unit tests for invariant
function: a6bb237
from atomic-layout.
@Vidlec You are completely right!
[].concat(2) // [2]
// is indeed the same as
[].concat([2]) // [2]
Yes, we should remove that check and just concat the received sanitized template string to res.areas
.
If you can, you can add that via pull request, that would be massively appreciated! If not, just create a ticket so we don't forget about that.
Also, ❤️ for increasing test coverage.
from atomic-layout.
There is a one last thing to have 100% coverage
if (prefix === 'min') {
if (includesArea) {
if (behavesSame || behavesInclusive) {
nextValue = breakpointB[propName]
}
} else {
if (shouldStretch) {
nextValue = breakpointB[propName]
}
}
}
That else
branch is uncovered. I dont dare writing test for this, because I have no idea how this works 😃
from atomic-layout.
@Vidlec 😄
I think this is mergeBreakpoints
function, isn't it?
That fires when you merge a minABC
property of the breakpoint and the template declaration doesn't include the current area, and this area must be stretched. I doubt that makes the picture any cleaner for you...
I can explain you in person, just ping me anytime. It's nothing complicated, I promise.
from atomic-layout.
Test coverage has increased to 100% by merging your pull request #47.
Much thanks and welcome to contributors!
from atomic-layout.
@Vidlec Please let me know if we should reopen this issue to have that last branch covered. I have overlooked the comment and have already closed it. Sorry.
from atomic-layout.
Related Issues (20)
- SSR: "useLayoutEffect does nothing on the server" HOT 2
- Support the "order" CSS property
- Responsive props suffixes ignore casing (templateLg = templatelg) HOT 3
- I can't attach a ref to Composition, because Composition does not use React.forwardRef HOT 1
- Rename "useResponsiveComponent" since it's not a hook HOT 2
- Warning: React does not recognize the `A` prop on a DOM element HOT 1
- Add "Area" component HOT 1
- Exported components must have "displayName"
- Rerendering of parent component causes Only to unmount and mount its children HOT 4
- Replace "MediaQuery" component with "useMediaQuery" hook
- Export a utility to compose inline @media queries HOT 2
- Input in a grid item loses focus due to extra parent rerendering HOT 3
- makeResponsive causes memory heap on hot reload
- Creating a 3 column layout. HOT 3
- useResponsiveValue might require to fire an effect for a dependency change HOT 4
- the except prop on the Only component get ignored with a custom breakpoint ref HOT 1
- useResponsiveValue won't use custom breakpoint names HOT 2
- Warning: React does not recognize the `sortingOrder` prop on a DOM element - `DataGrid`
- useResponsiveProps always returns empty object initialy client-side
- Are you considering supporting Vue or native JavaScript usage . HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from atomic-layout.