Attachment #115467 for bug #72531

View Details Raw Unified Return to Bug 72531

| Differences between



2011-11-16  Julien Chaffraix  <jchaffraix@webkit.org>

        Add limited parsing support for grid-columns and grid-rows
        https://bugs.webkit.org/show_bug.cgi?id=72531

        Reviewed by NOBODY (OOPS!).

        Test: fast/css-grid-layout/grid-columns-rows-get-set.html

        Added support for:
        <track-list> := <length> | <percentage> | 'none' | 'auto'

        * CMakeLists.txt:
        * GNUmakefile.list.am:
        * Target.pri:
        * WebCore.gypi:
        * WebCore.vcproj/WebCore.vcproj:
        * WebCore.xcodeproj/project.pbxproj:
        * rendering/style/StyleAllInOne.cpp:
        Updated our build systems.

        * css/CSSComputedStyleDeclaration.cpp:
        (WebCore::valueForGridTrackList):
        Helper function to convert our RenderStyle information to a proper CSSValue.
        It doesn't do much now but it will be expanded as we add more support.

        (WebCore::CSSComputedStyleDeclaration::getPropertyCSSValue): Call the previous
        function.

        * css/CSSParser.h:
        * css/CSSParser.cpp:
        (WebCore::CSSParser::parseValue):
        (WebCore::CSSParser::parseGridTrackList):
        CSS parsing part of this change. Pretty simple for now.

        * css/CSSPropertyNames.in:
        Added -webkit-grid-columns and -webkit-grid-rows.

        * css/CSSProperty.cpp:
        (WebCore::CSSProperty::isInheritedProperty):
        * css/CSSStyleApplyProperty.cpp:
        (WebCore::CSSStyleApplyProperty::CSSStyleApplyProperty):
        * css/CSSStyleSelector.cpp:
        (WebCore::CSSStyleSelector::applyProperty):
        Style application plumbing.

        * rendering/style/RenderStyle.cpp:
        (WebCore::RenderStyle::RenderStyle):
        (WebCore::RenderStyle::diff):
        This change is required for later when we add layout for our grid.

        * rendering/style/RenderStyle.h:
        (WebCore::InheritedFlags::gridColumns):
        (WebCore::InheritedFlags::gridRows):
        (WebCore::InheritedFlags::setGridColumns):
        (WebCore::InheritedFlags::setGridRows):
        (WebCore::InheritedFlags::initialGridColumns):
        (WebCore::InheritedFlags::initialGridRows):
        Getters / Setters and initial values.

        * rendering/style/StyleGridData.cpp: Added.
        (WebCore::StyleGridData::StyleGridData):
        * rendering/style/StyleGridData.h: Added.
        (WebCore::StyleGridData::create):
        (WebCore::StyleGridData::copy):
        (WebCore::StyleGridData::operator==):
        (WebCore::StyleGridData::operator!=):
        This class holds the grid element information. For now pretty simple
        shell that will be used for the rest of the support.

        * rendering/style/StyleRareNonInheritedData.cpp:
        (WebCore::StyleRareNonInheritedData::StyleRareNonInheritedData):
        (WebCore::StyleRareNonInheritedData::operator==):
        * rendering/style/StyleRareNonInheritedData.h:
        Added StyleGridElementData to StyleRareNonInheritedData.

2011-11-16  Alexandre Elias  <aelias@google.com>

        [chromium] Add null pointer check in setDeviceScaleFactor

Lines 1315-1320 SET(WebCore_SOURCES a/Source/WebCore/CMakeLists.txt_sec1
- a/Source/WebCore/CMakeLists.txt +1 lines
1315	rendering/style/StyleFilterData.cpp	1315	rendering/style/StyleFilterData.cpp
1316	rendering/style/StyleFlexibleBoxData.cpp	1316	rendering/style/StyleFlexibleBoxData.cpp
1317	rendering/style/StyleGeneratedImage.cpp	1317	rendering/style/StyleGeneratedImage.cpp
		1318	rendering/style/StyleGridData.cpp
1318	rendering/style/StyleInheritedData.cpp	1319	rendering/style/StyleInheritedData.cpp
1319	rendering/style/StyleMarqueeData.cpp	1320	rendering/style/StyleMarqueeData.cpp
1320	rendering/style/StyleMultiColData.cpp	1321	rendering/style/StyleMultiColData.cpp

Lines 3279-3284 webcore_sources += \ a/Source/WebCore/GNUmakefile.list.am_sec1
- a/Source/WebCore/GNUmakefile.list.am +2 lines
3279	Source/WebCore/rendering/style/StyleFlexibleBoxData.h \	3279	Source/WebCore/rendering/style/StyleFlexibleBoxData.h \
3280	Source/WebCore/rendering/style/StyleGeneratedImage.cpp \	3280	Source/WebCore/rendering/style/StyleGeneratedImage.cpp \
3281	Source/WebCore/rendering/style/StyleGeneratedImage.h \	3281	Source/WebCore/rendering/style/StyleGeneratedImage.h \
		3282	Source/WebCore/rendering/style/StyleGridData.cpp \
		3283	Source/WebCore/rendering/style/StyleGridData.h \
3282	Source/WebCore/rendering/style/StyleImage.h \	3284	Source/WebCore/rendering/style/StyleImage.h \
3283	Source/WebCore/rendering/style/StyleInheritedData.cpp \	3285	Source/WebCore/rendering/style/StyleInheritedData.cpp \
3284	Source/WebCore/rendering/style/StyleInheritedData.h \	3286	Source/WebCore/rendering/style/StyleInheritedData.h \

Lines 1257-1262 SOURCES += \ a/Source/WebCore/Target.pri_sec1
- a/Source/WebCore/Target.pri +1 lines
1257	rendering/style/StyleFilterData.cpp \	1257	rendering/style/StyleFilterData.cpp \
1258	rendering/style/StyleFlexibleBoxData.cpp \	1258	rendering/style/StyleFlexibleBoxData.cpp \
1259	rendering/style/StyleGeneratedImage.cpp \	1259	rendering/style/StyleGeneratedImage.cpp \
		1260	rendering/style/StyleGridData.cpp \
1260	rendering/style/StyleInheritedData.cpp \	1261	rendering/style/StyleInheritedData.cpp \
1261	rendering/style/StyleMarqueeData.cpp \	1262	rendering/style/StyleMarqueeData.cpp \
1262	rendering/style/StyleMultiColData.cpp \	1263	rendering/style/StyleMultiColData.cpp \



            'rendering/style/StyleFilterData.h',
            'rendering/style/StyleFlexibleBoxData.h',
            'rendering/style/StyleGeneratedImage.h',
            'rendering/style/StyleGridData.h',
            'rendering/style/StyleImage.h',
            'rendering/style/StyleInheritedData.h',
            'rendering/style/StyleMarqueeData.h',

            'rendering/style/StyleFilterData.cpp',
            'rendering/style/StyleFlexibleBoxData.cpp',
            'rendering/style/StyleGeneratedImage.cpp',
            'rendering/style/StyleGridData.cpp',
            'rendering/style/StyleInheritedData.cpp',
            'rendering/style/StyleMarqueeData.cpp',
            'rendering/style/StyleMultiColData.cpp',



					>
				</File>
				<File
					RelativePath="..\rendering\style\StyleGridData.cpp"
					>
					<FileConfiguration
						Name="Debug|Win32"
						ExcludedFromBuild="true"
						>
						<Tool
							Name="VCCLCompilerTool"
						/>
					</FileConfiguration>
					<FileConfiguration
						Name="Release|Win32"
						ExcludedFromBuild="true"
						>
						<Tool
							Name="VCCLCompilerTool"
						/>
					</FileConfiguration>
					<FileConfiguration
						Name="Debug_Cairo_CFLite|Win32"
						ExcludedFromBuild="true"
						>
						<Tool
							Name="VCCLCompilerTool"
						/>
					</FileConfiguration>
					<FileConfiguration
						Name="Release_Cairo_CFLite|Win32"
						ExcludedFromBuild="true"
						>
						<Tool
							Name="VCCLCompilerTool"
						/>
					</FileConfiguration>
					<FileConfiguration
						Name="Debug_All|Win32"
						ExcludedFromBuild="true"
						>
						<Tool
							Name="VCCLCompilerTool"
						/>
					</FileConfiguration>
					<FileConfiguration
						Name="Production|Win32"
						ExcludedFromBuild="true"
						>
						<Tool
							Name="VCCLCompilerTool"
						/>
					</FileConfiguration>
				</File>
				<File
					RelativePath="..\rendering\style\StyleGridData.h"
					>
				</File>
				<File
					RelativePath="..\rendering\style\StyleImage.h"
					>
				</File>

Lines 3382-3387 a/Source/WebCore/WebCore.xcodeproj/project.pbxproj_sec1
- a/Source/WebCore/WebCore.xcodeproj/project.pbxproj +8 lines
3382	A0EE0DF6144F825500F80B0D /* WebGLDebugRendererInfo.h in Headers / = {isa = PBXBuildFile; fileRef = A0EE0DF2144F825500F80B0D / WebGLDebugRendererInfo.h */; };	3382	A0EE0DF6144F825500F80B0D /* WebGLDebugRendererInfo.h in Headers / = {isa = PBXBuildFile; fileRef = A0EE0DF2144F825500F80B0D / WebGLDebugRendererInfo.h */; };
3383	A0EE0DF7144F825500F80B0D /* WebGLDebugShaders.cpp in Sources / = {isa = PBXBuildFile; fileRef = A0EE0DF3144F825500F80B0D / WebGLDebugShaders.cpp */; };	3383	A0EE0DF7144F825500F80B0D /* WebGLDebugShaders.cpp in Sources / = {isa = PBXBuildFile; fileRef = A0EE0DF3144F825500F80B0D / WebGLDebugShaders.cpp */; };
3384	A0EE0DF8144F825500F80B0D /* WebGLDebugShaders.h in Headers / = {isa = PBXBuildFile; fileRef = A0EE0DF4144F825500F80B0D / WebGLDebugShaders.h */; };	3384	A0EE0DF8144F825500F80B0D /* WebGLDebugShaders.h in Headers / = {isa = PBXBuildFile; fileRef = A0EE0DF4144F825500F80B0D / WebGLDebugShaders.h */; };
		3385	A10DC76A14747BAB005E2471 /* StyleGridData.cpp in Sources / = {isa = PBXBuildFile; fileRef = A10DC76814747BAB005E2471 / StyleGridData.cpp */; };
		3386	A10DC76B14747BAB005E2471 /* StyleGridData.h in Headers / = {isa = PBXBuildFile; fileRef = A10DC76914747BAB005E2471 / StyleGridData.h */; settings = {ATTRIBUTES = (Private, ); }; };
3385	A120ACA413F998CA00FE4AC7 /* LayoutRepainter.cpp in Sources / = {isa = PBXBuildFile; fileRef = A120ACA113F9984600FE4AC7 / LayoutRepainter.cpp */; };	3387	A120ACA413F998CA00FE4AC7 /* LayoutRepainter.cpp in Sources / = {isa = PBXBuildFile; fileRef = A120ACA113F9984600FE4AC7 / LayoutRepainter.cpp */; };
3386	A12538D413F9B60A00024754 /* LayoutRepainter.h in Headers / = {isa = PBXBuildFile; fileRef = A120ACA013F9983700FE4AC7 / LayoutRepainter.h */; settings = {ATTRIBUTES = (Private, ); }; };	3388	A12538D413F9B60A00024754 /* LayoutRepainter.h in Headers / = {isa = PBXBuildFile; fileRef = A120ACA013F9983700FE4AC7 / LayoutRepainter.h */; settings = {ATTRIBUTES = (Private, ); }; };
3387	A136A00C1134DBD200CC8D50 /* XMLHttpRequestProgressEventThrottle.cpp in Sources / = {isa = PBXBuildFile; fileRef = A136A00A1134DBD200CC8D50 / XMLHttpRequestProgressEventThrottle.cpp */; };	3389	A136A00C1134DBD200CC8D50 /* XMLHttpRequestProgressEventThrottle.cpp in Sources / = {isa = PBXBuildFile; fileRef = A136A00A1134DBD200CC8D50 / XMLHttpRequestProgressEventThrottle.cpp */; };
Lines 10581-10586 a/Source/WebCore/WebCore.xcodeproj/project.pbxproj_sec2
10581	A0EE0DF2144F825500F80B0D /* WebGLDebugRendererInfo.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; name = WebGLDebugRendererInfo.h; path = canvas/WebGLDebugRendererInfo.h; sourceTree = "<group>"; };	10583	A0EE0DF2144F825500F80B0D /* WebGLDebugRendererInfo.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; name = WebGLDebugRendererInfo.h; path = canvas/WebGLDebugRendererInfo.h; sourceTree = "<group>"; };
10582	A0EE0DF3144F825500F80B0D /* WebGLDebugShaders.cpp */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.cpp.cpp; name = WebGLDebugShaders.cpp; path = canvas/WebGLDebugShaders.cpp; sourceTree = "<group>"; };	10584	A0EE0DF3144F825500F80B0D /* WebGLDebugShaders.cpp */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.cpp.cpp; name = WebGLDebugShaders.cpp; path = canvas/WebGLDebugShaders.cpp; sourceTree = "<group>"; };
10583	A0EE0DF4144F825500F80B0D /* WebGLDebugShaders.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; name = WebGLDebugShaders.h; path = canvas/WebGLDebugShaders.h; sourceTree = "<group>"; };	10585	A0EE0DF4144F825500F80B0D /* WebGLDebugShaders.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; name = WebGLDebugShaders.h; path = canvas/WebGLDebugShaders.h; sourceTree = "<group>"; };
		10586	A10DC76814747BAB005E2471 /* StyleGridData.cpp */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.cpp.cpp; name = StyleGridData.cpp; path = style/StyleGridData.cpp; sourceTree = "<group>"; };
		10587	A10DC76914747BAB005E2471 /* StyleGridData.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; name = StyleGridData.h; path = style/StyleGridData.h; sourceTree = "<group>"; };
10584	A120ACA013F9983700FE4AC7 /* LayoutRepainter.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = LayoutRepainter.h; sourceTree = "<group>"; };	10588	A120ACA013F9983700FE4AC7 /* LayoutRepainter.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = LayoutRepainter.h; sourceTree = "<group>"; };
10585	A120ACA113F9984600FE4AC7 /* LayoutRepainter.cpp */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.cpp.cpp; path = LayoutRepainter.cpp; sourceTree = "<group>"; };	10589	A120ACA113F9984600FE4AC7 /* LayoutRepainter.cpp */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.cpp.cpp; path = LayoutRepainter.cpp; sourceTree = "<group>"; };
10586	A136A00A1134DBD200CC8D50 /* XMLHttpRequestProgressEventThrottle.cpp */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.cpp.cpp; path = XMLHttpRequestProgressEventThrottle.cpp; sourceTree = "<group>"; };	10590	A136A00A1134DBD200CC8D50 /* XMLHttpRequestProgressEventThrottle.cpp */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.cpp.cpp; path = XMLHttpRequestProgressEventThrottle.cpp; sourceTree = "<group>"; };
Lines 19767-19772 a/Source/WebCore/WebCore.xcodeproj/project.pbxproj_sec3
19767	BC8C8FAA0DDCD2F200B592F4 /* style */ = {	19771	BC8C8FAA0DDCD2F200B592F4 /* style */ = {
19768	isa = PBXGroup;	19772	isa = PBXGroup;
19769	children = (	19773	children = (
		19774	A10DC76814747BAB005E2471 /* StyleGridData.cpp */,
		19775	A10DC76914747BAB005E2471 /* StyleGridData.h */,
19770	5038BE2D1472AD230095E0D1 /* StyleCachedShader.cpp */,	19776	5038BE2D1472AD230095E0D1 /* StyleCachedShader.cpp */,
19771	5038BE2E1472AD230095E0D1 /* StyleCachedShader.h */,	19777	5038BE2E1472AD230095E0D1 /* StyleCachedShader.h */,
19772	BC5EB5E00E81BE8700B25965 /* BorderData.h */,	19778	BC5EB5E00E81BE8700B25965 /* BorderData.h */,
Lines 24716-24721 a/Source/WebCore/WebCore.xcodeproj/project.pbxproj_sec4
24716	5038BC0B14711D340095E0D1 /* CustomFilterOperation.h in Headers */,	24722	5038BC0B14711D340095E0D1 /* CustomFilterOperation.h in Headers */,
24717	5038BE301472AD230095E0D1 /* StyleCachedShader.h in Headers */,	24723	5038BE301472AD230095E0D1 /* StyleCachedShader.h in Headers */,
24718	5038BE411472AD980095E0D1 /* CachedShader.h in Headers */,	24724	5038BE411472AD980095E0D1 /* CachedShader.h in Headers */,
		24725	A10DC76B14747BAB005E2471 /* StyleGridData.h in Headers */,
24719	);	24726	);
24720	runOnlyForDeploymentPostprocessing = 0;	24727	runOnlyForDeploymentPostprocessing = 0;
24721	};	24728	};
Lines 27589-27594 a/Source/WebCore/WebCore.xcodeproj/project.pbxproj_sec5
27589	5038BC0714711CDB0095E0D1 /* WebKitCSSShaderValue.cpp in Sources */,	27596	5038BC0714711CDB0095E0D1 /* WebKitCSSShaderValue.cpp in Sources */,
27590	5038BE2F1472AD230095E0D1 /* StyleCachedShader.cpp in Sources */,	27597	5038BE2F1472AD230095E0D1 /* StyleCachedShader.cpp in Sources */,
27591	5038BE401472AD980095E0D1 /* CachedShader.cpp in Sources */,	27598	5038BE401472AD980095E0D1 /* CachedShader.cpp in Sources */,
		27599	A10DC76A14747BAB005E2471 /* StyleGridData.cpp in Sources */,
27592	);	27600	);
27593	runOnlyForDeploymentPostprocessing = 0;	27601	runOnlyForDeploymentPostprocessing = 0;
27594	};	27602	};

Lines 218-223 static const int computedProperties[] = { a/Source/WebCore/css/CSSComputedStyleDeclaration.cpp_sec1
- a/Source/WebCore/css/CSSComputedStyleDeclaration.cpp +27 lines
218	CSSPropertyWebkitFlexAlign,	218	CSSPropertyWebkitFlexAlign,
219	CSSPropertyWebkitFlexFlow,	219	CSSPropertyWebkitFlexFlow,
220	CSSPropertyWebkitFontSmoothing,	220	CSSPropertyWebkitFontSmoothing,
		221	#if ENABLE(CSS_GRID_LAYOUT)
		222	CSSPropertyWebkitGridColumns,
		223	CSSPropertyWebkitGridRows,
		224	#endif
221	CSSPropertyWebkitHighlight,	225	CSSPropertyWebkitHighlight,
222	CSSPropertyWebkitHyphenateCharacter,	226	CSSPropertyWebkitHyphenateCharacter,
223	CSSPropertyWebkitHyphenateLimitAfter,	227	CSSPropertyWebkitHyphenateLimitAfter,
Lines 766-771 PassRefPtr<CSSValue> CSSComputedStyleDeclaration::valueForFilter(RenderStyle* st a/Source/WebCore/css/CSSComputedStyleDeclaration.cpp_sec2
766	}	770	}
767	#endif	771	#endif
768		772
		773	#if ENABLE(CSS_GRID_LAYOUT)
		774	static PassRefPtr<CSSValue> valueForGridTrackList(const Length& trackLength, const RenderStyle* style, CSSPrimitiveValueCache* primitiveValueCache)
		775	{
		776	if (trackLength.isPercent())
		777	return primitiveValueCache->createValue(trackLength);
		778	if (trackLength.isAuto())
		779	return primitiveValueCache->createIdentifierValue(CSSValueAuto);
		780	if (trackLength.isUndefined())
		781	return primitiveValueCache->createIdentifierValue(CSSValueNone);
		782	return zoomAdjustedPixelValue(trackLength.value(), style, primitiveValueCache);
		783	}
		784	#endif
		785
769	static PassRefPtr<CSSValue> getDelayValue(const AnimationList* animList, CSSPrimitiveValueCache* primitiveValueCache)	786	static PassRefPtr<CSSValue> getDelayValue(const AnimationList* animList, CSSPrimitiveValueCache* primitiveValueCache)
770	{	787	{
771	RefPtr<CSSValueList> list = CSSValueList::createCommaSeparated();	788	RefPtr<CSSValueList> list = CSSValueList::createCommaSeparated();
Lines 1473-1478 PassRefPtr<CSSValue> CSSComputedStyleDeclaration::getPropertyCSSValue(int proper a/Source/WebCore/css/CSSComputedStyleDeclaration.cpp_sec3
1473	}	1490	}
1474	return list.release();	1491	return list.release();
1475	}	1492	}
		1493	#if ENABLE(CSS_GRID_LAYOUT)
		1494	case CSSPropertyWebkitGridColumns: {
		1495	Length gridColumns = style->gridColumns();
		1496	return valueForGridTrackList(gridColumns, style.get(), primitiveValueCache);
		1497	}
		1498	case CSSPropertyWebkitGridRows: {
		1499	Length gridRows = style->gridRows();
		1500	return valueForGridTrackList(gridRows, style.get(), primitiveValueCache);
		1501	}
		1502	#endif
1476	case CSSPropertyHeight:	1503	case CSSPropertyHeight:
1477	if (renderer)	1504	if (renderer)
1478	return zoomAdjustedPixelValue(sizingBox(renderer).height(), style.get(), primitiveValueCache);	1505	return zoomAdjustedPixelValue(sizingBox(renderer).height(), style.get(), primitiveValueCache);



        }
        return false;
    }
#if ENABLE(CSS_GRID_LAYOUT)
    case CSSPropertyWebkitGridColumns:
    case CSSPropertyWebkitGridRows:
        return parseGridTrackList(propId, important);
#endif
    case CSSPropertyWebkitMarginCollapse: {
        const int properties[2] = { CSSPropertyWebkitMarginBeforeCollapse,
            CSSPropertyWebkitMarginAfterCollapse };

    return false;
}

#if ENABLE(CSS_GRID_LAYOUT)
bool CSSParser::parseGridTrackList(int propId, bool important)
{
    CSSParserValue* value = m_valueList->current();
    if (value->id == CSSValueNone || value->id == CSSValueAuto) {
        addProperty(propId, primitiveValueCache()->createIdentifierValue(value->id), important);
        return true;
    }

    if (validUnit(value, FLength | FPercent, m_strict)) {
        addProperty(propId, createPrimitiveNumericValue(value), important);
        return true;
    }
    return false;
}
#endif



#if ENABLE(DASHBOARD_SUPPORT)

Lines 125-130 public: a/Source/WebCore/css/CSSParser.h_sec1
- a/Source/WebCore/css/CSSParser.h +4 lines
125	bool parseTransitionShorthand(bool important);	125	bool parseTransitionShorthand(bool important);
126	bool parseAnimationShorthand(bool important);	126	bool parseAnimationShorthand(bool important);
127		127
		128	#if ENABLE(CSS_GRID_LAYOUT)
		129	bool parseGridTrackList(int propId, bool important);
		130	#endif
		131
128	bool parseDashboardRegions(int propId, bool important);	132	bool parseDashboardRegions(int propId, bool important);
129		133
130	bool parseShape(int propId, bool important);	134	bool parseShape(int propId, bool important);

Lines 566-571 bool CSSProperty::isInheritedProperty(unsigned propertyID) a/Source/WebCore/css/CSSProperty.cpp_sec1
- a/Source/WebCore/css/CSSProperty.cpp +4 lines
566	case CSSPropertyWebkitFlexAlign:	566	case CSSPropertyWebkitFlexAlign:
567	case CSSPropertyWebkitFlexFlow:	567	case CSSPropertyWebkitFlexFlow:
568	case CSSPropertyWebkitFontSizeDelta:	568	case CSSPropertyWebkitFontSizeDelta:
		569	#if ENABLE(CSS_GRID_LAYOUT)
		570	case CSSPropertyWebkitGridColumns:
		571	case CSSPropertyWebkitGridRows:
		572	#endif
569	case CSSPropertyWebkitLineClamp:	573	case CSSPropertyWebkitLineClamp:
570	case CSSPropertyWebkitLogicalWidth:	574	case CSSPropertyWebkitLogicalWidth:
571	case CSSPropertyWebkitLogicalHeight:	575	case CSSPropertyWebkitLogicalHeight:

Lines 361-364 z-index a/Source/WebCore/css/CSSPropertyNames.in_sec1
- a/Source/WebCore/css/CSSPropertyNames.in -1 / +4 lines
361	#if defined(ENABLE_TOUCH_EVENTS) && ENABLE_TOUCH_EVENTS	361	#if defined(ENABLE_TOUCH_EVENTS) && ENABLE_TOUCH_EVENTS
362	-webkit-tap-highlight-color	362	-webkit-tap-highlight-color
363	#endif	363	#endif
364		364	#if defined(ENABLE_CSS_GRID_LAYOUT) && ENABLE_CSS_GRID_LAYOUT
		365	-webkit-grid-columns
		366	-webkit-grid-rows
		367	#endif

Lines 980-985 CSSStyleApplyProperty::CSSStyleApplyProperty() a/Source/WebCore/css/CSSStyleApplyProperty.cpp_sec1
- a/Source/WebCore/css/CSSStyleApplyProperty.cpp +5 lines
980	setPropertyHandler(CSSPropertyBottom, ApplyPropertyLength<&RenderStyle::bottom, &RenderStyle::setBottom, &RenderStyle::initialOffset, AutoEnabled>::createHandler());	980	setPropertyHandler(CSSPropertyBottom, ApplyPropertyLength<&RenderStyle::bottom, &RenderStyle::setBottom, &RenderStyle::initialOffset, AutoEnabled>::createHandler());
981	setPropertyHandler(CSSPropertyLeft, ApplyPropertyLength<&RenderStyle::left, &RenderStyle::setLeft, &RenderStyle::initialOffset, AutoEnabled>::createHandler());	981	setPropertyHandler(CSSPropertyLeft, ApplyPropertyLength<&RenderStyle::left, &RenderStyle::setLeft, &RenderStyle::initialOffset, AutoEnabled>::createHandler());
982		982
		983	#if ENABLE(CSS_GRID_LAYOUT)
		984	setPropertyHandler(CSSPropertyWebkitGridColumns, ApplyPropertyLength<&RenderStyle::gridColumns, &RenderStyle::setGridColumns, &RenderStyle::initialGridColumns, AutoEnabled, IntrinsicDisabled, MinIntrinsicDisabled, NoneEnabled, UndefinedEnabled>::createHandler());
		985	setPropertyHandler(CSSPropertyWebkitGridRows, ApplyPropertyLength<&RenderStyle::gridRows, &RenderStyle::setGridRows, &RenderStyle::initialGridRows, AutoEnabled, IntrinsicDisabled, MinIntrinsicDisabled, NoneEnabled, UndefinedEnabled>::createHandler());
		986	#endif
		987
983	setPropertyHandler(CSSPropertyWidth, ApplyPropertyLength<&RenderStyle::width, &RenderStyle::setWidth, &RenderStyle::initialSize, AutoEnabled, IntrinsicEnabled, MinIntrinsicEnabled, NoneDisabled, UndefinedDisabled, FlexWidth>::createHandler());	988	setPropertyHandler(CSSPropertyWidth, ApplyPropertyLength<&RenderStyle::width, &RenderStyle::setWidth, &RenderStyle::initialSize, AutoEnabled, IntrinsicEnabled, MinIntrinsicEnabled, NoneDisabled, UndefinedDisabled, FlexWidth>::createHandler());
984	setPropertyHandler(CSSPropertyHeight, ApplyPropertyLength<&RenderStyle::height, &RenderStyle::setHeight, &RenderStyle::initialSize, AutoEnabled, IntrinsicEnabled, MinIntrinsicEnabled, NoneDisabled, UndefinedDisabled, FlexHeight>::createHandler());	989	setPropertyHandler(CSSPropertyHeight, ApplyPropertyLength<&RenderStyle::height, &RenderStyle::setHeight, &RenderStyle::initialSize, AutoEnabled, IntrinsicEnabled, MinIntrinsicEnabled, NoneDisabled, UndefinedDisabled, FlexHeight>::createHandler());
985		990

Lines 3965-3970 void CSSStyleSelector::applyProperty(int id, CSSValue *value) a/Source/WebCore/css/CSSStyleSelector.cpp_sec1
- a/Source/WebCore/css/CSSStyleSelector.cpp +4 lines
3965	case CSSPropertyWebkitFlexFlow:	3965	case CSSPropertyWebkitFlexFlow:
3966	case CSSPropertyFontStyle:	3966	case CSSPropertyFontStyle:
3967	case CSSPropertyFontVariant:	3967	case CSSPropertyFontVariant:
		3968	#if ENABLE(CSS_GRID_LAYOUT)
		3969	case CSSPropertyWebkitGridColumns:
		3970	case CSSPropertyWebkitGridRows:
		3971	#endif
3968	case CSSPropertyTextRendering:	3972	case CSSPropertyTextRendering:
3969	case CSSPropertyWebkitTextOrientation:	3973	case CSSPropertyWebkitTextOrientation:
3970	case CSSPropertyWebkitFontSmoothing:	3974	case CSSPropertyWebkitFontSmoothing:

Lines 133-138 ALWAYS_INLINE RenderStyle::RenderStyle(bool) a/Source/WebCore/rendering/style/RenderStyle.cpp_sec1
- a/Source/WebCore/rendering/style/RenderStyle.cpp +7 lines
133	#if ENABLE(CSS_FILTERS)	133	#if ENABLE(CSS_FILTERS)
134	rareNonInheritedData.access()->m_filter.init();	134	rareNonInheritedData.access()->m_filter.init();
135	#endif	135	#endif
		136	#if ENABLE(CSS_GRID_LAYOUT)
		137	rareNonInheritedData.access()->m_grid.init();
		138	#endif
136	rareInheritedData.init();	139	rareInheritedData.init();
137	inherited.init();	140	inherited.init();
138		141
Lines 420-425 StyleDifference RenderStyle::diff(const RenderStyle* other, unsigned& changedCon a/Source/WebCore/rendering/style/RenderStyle.cpp_sec2
420	return StyleDifferenceLayout;	423	return StyleDifferenceLayout;
421	}	424	}
422	#endif	425	#endif
		426	#if ENABLE(CSS_GRID_LAYOUT)
		427	if (rareNonInheritedData->m_grid.get() != other->rareNonInheritedData->m_grid.get())
		428	return StyleDifferenceLayout;
		429	#endif
423		430
424	#if !USE(ACCELERATED_COMPOSITING)	431	#if !USE(ACCELERATED_COMPOSITING)
425	if (rareNonInheritedData.get() != other->rareNonInheritedData.get()) {	432	if (rareNonInheritedData.get() != other->rareNonInheritedData.get()) {

Lines 56-61 a/Source/WebCore/rendering/style/RenderStyle.h_sec1
- a/Source/WebCore/rendering/style/RenderStyle.h +18 lines
56	#include "StyleFilterData.h"	56	#include "StyleFilterData.h"
57	#endif	57	#endif
58	#include "StyleFlexibleBoxData.h"	58	#include "StyleFlexibleBoxData.h"
		59	#if ENABLE(CSS_GRID_LAYOUT)
		60	#include "StyleGridData.h"
		61	#endif
59	#include "StyleInheritedData.h"	62	#include "StyleInheritedData.h"
60	#include "StyleMarqueeData.h"	63	#include "StyleMarqueeData.h"
61	#include "StyleMultiColData.h"	64	#include "StyleMultiColData.h"
Lines 719-724 public: a/Source/WebCore/rendering/style/RenderStyle.h_sec2
719	EFlexAlign flexAlign() const { return static_cast<EFlexAlign>(rareNonInheritedData->m_flexibleBox->m_flexAlign); }	722	EFlexAlign flexAlign() const { return static_cast<EFlexAlign>(rareNonInheritedData->m_flexibleBox->m_flexAlign); }
720	EFlexFlow flexFlow() const { return static_cast<EFlexFlow>(rareNonInheritedData->m_flexibleBox->m_flexFlow); }	723	EFlexFlow flexFlow() const { return static_cast<EFlexFlow>(rareNonInheritedData->m_flexibleBox->m_flexFlow); }
721		724
		725	#if ENABLE(CSS_GRID_LAYOUT)
		726	Length gridColumns() const { return rareNonInheritedData->m_grid->m_gridColumns; }
		727	Length gridRows() const { return rareNonInheritedData->m_grid->m_gridRows; }
		728	#endif
		729
722	const ShadowData* boxShadow() const { return rareNonInheritedData->m_boxShadow.get(); }	730	const ShadowData* boxShadow() const { return rareNonInheritedData->m_boxShadow.get(); }
723	void getBoxShadowExtent(LayoutUnit& top, LayoutUnit& right, LayoutUnit& bottom, LayoutUnit& left) const { getShadowExtent(boxShadow(), top, right, bottom, left); }	731	void getBoxShadowExtent(LayoutUnit& top, LayoutUnit& right, LayoutUnit& bottom, LayoutUnit& left) const { getShadowExtent(boxShadow(), top, right, bottom, left); }
724	void getBoxShadowHorizontalExtent(LayoutUnit& left, LayoutUnit& right) const { getShadowHorizontalExtent(boxShadow(), left, right); }	732	void getBoxShadowHorizontalExtent(LayoutUnit& left, LayoutUnit& right) const { getShadowHorizontalExtent(boxShadow(), left, right); }
Lines 1125-1130 public: a/Source/WebCore/rendering/style/RenderStyle.h_sec3
1125	void setFlexPack(EFlexPack p) { SET_VAR(rareNonInheritedData.access()->m_flexibleBox, m_flexPack, p); }	1133	void setFlexPack(EFlexPack p) { SET_VAR(rareNonInheritedData.access()->m_flexibleBox, m_flexPack, p); }
1126	void setFlexAlign(EFlexAlign a) { SET_VAR(rareNonInheritedData.access()->m_flexibleBox, m_flexAlign, a); }	1134	void setFlexAlign(EFlexAlign a) { SET_VAR(rareNonInheritedData.access()->m_flexibleBox, m_flexAlign, a); }
1127	void setFlexFlow(EFlexFlow flow) { SET_VAR(rareNonInheritedData.access()->m_flexibleBox, m_flexFlow, flow); }	1135	void setFlexFlow(EFlexFlow flow) { SET_VAR(rareNonInheritedData.access()->m_flexibleBox, m_flexFlow, flow); }
		1136	#if ENABLE(CSS_GRID_LAYOUT)
		1137	void setGridColumns(Length length) { SET_VAR(rareNonInheritedData.access()->m_grid, m_gridColumns, length); }
		1138	void setGridRows(Length length) { SET_VAR(rareNonInheritedData.access()->m_grid, m_gridRows, length); }
		1139	#endif
		1140
1128	void setMarqueeIncrement(const Length& f) { SET_VAR(rareNonInheritedData.access()->m_marquee, increment, f); }	1141	void setMarqueeIncrement(const Length& f) { SET_VAR(rareNonInheritedData.access()->m_marquee, increment, f); }
1129	void setMarqueeSpeed(int f) { SET_VAR(rareNonInheritedData.access()->m_marquee, speed, f); }	1142	void setMarqueeSpeed(int f) { SET_VAR(rareNonInheritedData.access()->m_marquee, speed, f); }
1130	void setMarqueeDirection(EMarqueeDirection d) { SET_VAR(rareNonInheritedData.access()->m_marquee, direction, d); }	1143	void setMarqueeDirection(EMarqueeDirection d) { SET_VAR(rareNonInheritedData.access()->m_marquee, direction, d); }
Lines 1475-1480 public: a/Source/WebCore/rendering/style/RenderStyle.h_sec4
1475	static StyleImage* initialMaskBoxImageSource() { return 0; }	1488	static StyleImage* initialMaskBoxImageSource() { return 0; }
1476	static PrintColorAdjust initialPrintColorAdjust() { return PrintColorAdjustEconomy; }	1489	static PrintColorAdjust initialPrintColorAdjust() { return PrintColorAdjustEconomy; }
1477		1490
		1491	#if ENABLE(CSS_GRID_LAYOUT)
		1492	static Length initialGridColumns() { return Length(Undefined); }
		1493	static Length initialGridRows() { return Length(Undefined); }
		1494	#endif
		1495
1478	static const AtomicString& initialLineGrid() { return nullAtom; }	1496	static const AtomicString& initialLineGrid() { return nullAtom; }
1479	static LineGridSnap initialLineGridSnap() { return LineGridSnapNone; }	1497	static LineGridSnap initialLineGridSnap() { return LineGridSnapNone; }
1480		1498

Lines 42-47 a/Source/WebCore/rendering/style/StyleAllInOne.cpp_sec1
- a/Source/WebCore/rendering/style/StyleAllInOne.cpp +1 lines
42	#include "StyleFilterData.cpp"	42	#include "StyleFilterData.cpp"
43	#include "StyleFlexibleBoxData.cpp"	43	#include "StyleFlexibleBoxData.cpp"
44	#include "StyleGeneratedImage.cpp"	44	#include "StyleGeneratedImage.cpp"
		45	#include "StyleGridData.cpp"
45	#include "StyleInheritedData.cpp"	46	#include "StyleInheritedData.cpp"
46	#include "StyleMarqueeData.cpp"	47	#include "StyleMarqueeData.cpp"
47	#include "StyleMultiColData.cpp"	48	#include "StyleMultiColData.cpp"



/*
 * Copyright (C) 2011 Google Inc. All Rights Reserved.
 *
 * Redistribution and use in source and binary forms, with or without
 * modification, are permitted provided that the following conditions
 * are met:
 * 1. Redistributions of source code must retain the above copyright
 *    notice, this list of conditions and the following disclaimer.
 * 2. Redistributions in binary form must reproduce the above copyright
 *    notice, this list of conditions and the following disclaimer in the
 *    documentation and/or other materials provided with the distribution.
 *
 *  THIS SOFTWARE IS PROVIDED BY APPLE INC. AND ITS CONTRIBUTORS ``AS IS'' AND ANY
 *  EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
 *  WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
 *  DISCLAIMED. IN NO EVENT SHALL APPLE INC. OR ITS CONTRIBUTORS BE LIABLE FOR ANY
 *  DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
 *  (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
 *  LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON
 *  ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
 *  (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
 *  SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
 *
 */

#include "config.h"
#include "StyleGridData.h"

#if ENABLE(CSS_GRID_LAYOUT)

#include "RenderStyle.h"

namespace WebCore {

StyleGridData::StyleGridData()
    : m_gridColumns(RenderStyle::initialGridColumns())
    , m_gridRows(RenderStyle::initialGridRows())
{
}

StyleGridData::StyleGridData(const StyleGridData& o)
    : RefCounted<StyleGridData>()
    , m_gridColumns(o.m_gridColumns)
    , m_gridRows(o.m_gridRows)
{
}

} // namespace WebCore

#endif // ENABLE(CSS_GRID_LAYOUT)




/*
 * Copyright (C) 2011 Google Inc. All Rights Reserved.
 *
 * Redistribution and use in source and binary forms, with or without
 * modification, are permitted provided that the following conditions
 * are met:
 * 1. Redistributions of source code must retain the above copyright
 *    notice, this list of conditions and the following disclaimer.
 * 2. Redistributions in binary form must reproduce the above copyright
 *    notice, this list of conditions and the following disclaimer in the
 *    documentation and/or other materials provided with the distribution.
 *
 *  THIS SOFTWARE IS PROVIDED BY APPLE INC. AND ITS CONTRIBUTORS ``AS IS'' AND ANY
 *  EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
 *  WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
 *  DISCLAIMED. IN NO EVENT SHALL APPLE INC. OR ITS CONTRIBUTORS BE LIABLE FOR ANY
 *  DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
 *  (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
 *  LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON
 *  ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
 *  (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
 *  SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
 *
 */

#ifndef StyleGridData_h
#define StyleGridData_h

#if ENABLE(CSS_GRID_LAYOUT)

#include "Length.h"
#include <wtf/PassRefPtr.h>
#include <wtf/RefCounted.h>

namespace WebCore {

class StyleGridData : public RefCounted<StyleGridData> {
public:
    static PassRefPtr<StyleGridData> create() { return adoptRef(new StyleGridData); }
    PassRefPtr<StyleGridData> copy() const { return adoptRef(new StyleGridData(*this)); }

    bool operator==(const StyleGridData& o) const
    {
        return m_gridColumns == o.m_gridColumns && m_gridRows == o.m_gridRows;
    }

    bool operator!=(const StyleGridData& o) const
    {
        return !(*this == o);
    }

    // FIXME: For the moment, we only support a subset of the grammar which correspond to:
    // 'auto' | <length> | <percentage> | 'none'
    Length m_gridColumns;
    Length m_gridRows;

private:
    StyleGridData();
    StyleGridData(const StyleGridData&);
};

} // namespace WebCore

#endif // ENABLE(CSS_LAYOUT_GRID)

#endif // StyleGridData_h

Lines 86-91 StyleRareNonInheritedData::StyleRareNonInheritedData(const StyleRareNonInherited a/Source/WebCore/rendering/style/StyleRareNonInheritedData.cpp_sec1
- a/Source/WebCore/rendering/style/StyleRareNonInheritedData.cpp +6 lines
86	#if ENABLE(CSS_FILTERS)	86	#if ENABLE(CSS_FILTERS)
87	, m_filter(o.m_filter)	87	, m_filter(o.m_filter)
88	#endif	88	#endif
		89	#if ENABLE(CSS_GRID_LAYOUT)
		90	, m_grid(o.m_grid)
		91	#endif
89	, m_content(o.m_content ? o.m_content->clone() : nullptr)	92	, m_content(o.m_content ? o.m_content->clone() : nullptr)
90	, m_counterDirectives(o.m_counterDirectives ? clone(*o.m_counterDirectives) : nullptr)	93	, m_counterDirectives(o.m_counterDirectives ? clone(*o.m_counterDirectives) : nullptr)
91	, m_boxShadow(o.m_boxShadow ? adoptPtr(new ShadowData(*o.m_boxShadow)) : nullptr)	94	, m_boxShadow(o.m_boxShadow ? adoptPtr(new ShadowData(*o.m_boxShadow)) : nullptr)
Lines 144-149 bool StyleRareNonInheritedData::operator==(const StyleRareNonInheritedData& o) c a/Source/WebCore/rendering/style/StyleRareNonInheritedData.cpp_sec2
144	#if ENABLE(CSS_FILTERS)	147	#if ENABLE(CSS_FILTERS)
145	&& m_filter == o.m_filter	148	&& m_filter == o.m_filter
146	#endif	149	#endif
		150	#if ENABLE(CSS_GRID_LAYOUT)
		151	&& m_grid == o.m_grid
		152	#endif
147	&& contentDataEquivalent(o)	153	&& contentDataEquivalent(o)
148	&& counterDataEquivalent(o)	154	&& counterDataEquivalent(o)
149	&& userDrag == o.userDrag	155	&& userDrag == o.userDrag

Lines 46-51 class StyleDeprecatedFlexibleBoxData; a/Source/WebCore/rendering/style/StyleRareNonInheritedData.h_sec1
- a/Source/WebCore/rendering/style/StyleRareNonInheritedData.h +7 lines
46	class StyleFilterData;	46	class StyleFilterData;
47	#endif	47	#endif
48	class StyleFlexibleBoxData;	48	class StyleFlexibleBoxData;
		49	#if ENABLE(CSS_GRID_LAYOUT)
		50	class StyleGridData;
		51	#endif
49	class StyleMarqueeData;	52	class StyleMarqueeData;
50	class StyleMultiColData;	53	class StyleMultiColData;
51	class StyleReflection;	54	class StyleReflection;
Lines 111-116 public: a/Source/WebCore/rendering/style/StyleRareNonInheritedData.h_sec2
111	DataRef<StyleFilterData> m_filter; // Filter operations (url, sepia, blur, etc.)	114	DataRef<StyleFilterData> m_filter; // Filter operations (url, sepia, blur, etc.)
112	#endif	115	#endif
113		116
		117	#if ENABLE(CSS_GRID_LAYOUT)
		118	DataRef<StyleGridData> m_grid;
		119	#endif
		120
114	OwnPtr<ContentData> m_content;	121	OwnPtr<ContentData> m_content;
115	OwnPtr<CounterDirectiveMap> m_counterDirectives;	122	OwnPtr<CounterDirectiveMap> m_counterDirectives;
116		123



2011-11-16  Julien Chaffraix  <jchaffraix@webkit.org>

        Add limited parsing support for grid-columns and grid-rows
        https://bugs.webkit.org/show_bug.cgi?id=72531

        Reviewed by NOBODY (OOPS!).

        Test our currently supported grammar.

        * fast/css-grid-layout/grid-columns-rows-get-set.html: Added.
        * fast/css-grid-layout/resources/grid-columns-rows-get-set.js: Added.
        * fast/css-grid-layout/grid-columns-rows-get-set-expected.txt: Added.

2011-11-16  James Robinson  <jamesr@chromium.org>

        [chromium] Update chromium expectations for fast/media/mq-transform-0[23].html to reflect that chromium DRT has



Test that setting and getting grid-columns and grid-rows works as expected

On success, you will see a series of "PASS" messages, followed by "TEST COMPLETE".


Test getting |display| set through CSS
PASS getComputedStyle(gridElement, '').getPropertyValue('-webkit-grid-columns') is 'none'
PASS getComputedStyle(gridElement, '').getPropertyValue('-webkit-grid-rows') is 'none'
PASS getComputedStyle(gridWithFixedElement, '').getPropertyValue('-webkit-grid-columns') is '10px'
PASS getComputedStyle(gridWithFixedElement, '').getPropertyValue('-webkit-grid-rows') is '15px'
PASS getComputedStyle(gridWithPercentElement, '').getPropertyValue('-webkit-grid-columns') is '53%'
PASS getComputedStyle(gridWithPercentElement, '').getPropertyValue('-webkit-grid-rows') is '27%'
PASS getComputedStyle(gridWithAutoElement, '').getPropertyValue('-webkit-grid-columns') is 'auto'
PASS getComputedStyle(gridWithAutoElement, '').getPropertyValue('-webkit-grid-rows') is 'auto'
PASS getComputedStyle(gridWithEMElement, '').getPropertyValue('-webkit-grid-columns') is '160px'
PASS getComputedStyle(gridWithEMElement, '').getPropertyValue('-webkit-grid-rows') is '240px'

Test the initial value
PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-columns') is 'none'
PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-rows') is 'none'

Test getting and setting display through JS
PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-columns') is '18px'
PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-rows') is '66px'
PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-columns') is '55%'
PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-rows') is '40%'
PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-columns') is 'auto'
PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-rows') is 'auto'
PASS successfullyParsed is true

TEST COMPLETE




<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
<html>
<head>
<style>
.grid {
    display: -webkit-grid;
    -webkit-grid-columns: none;
    -webkit-grid-rows: none;
}
.gridWithFixed {
    display: -webkit-grid;
    -webkit-grid-columns: 10px;
    -webkit-grid-rows: 15px;
}
.gridWithPercent {
    display: -webkit-grid;
    -webkit-grid-columns: 53%;
    -webkit-grid-rows: 27%;
}
.gridWithAuto {
    display: -webkit-grid;
    -webkit-grid-columns: auto;
    -webkit-grid-rows: auto;
}
.gridWithEM {
    display: -webkit-grid;
    -webkit-grid-columns: 10em;
    -webkit-grid-rows: 15em;
}
</style>
<script src="../js/resources/js-test-pre.js"></script>
</head>
<body>
<div class="grid" id="gridElement"></div>
<div class="gridWithFixed" id="gridWithFixedElement"></div>
<div class="gridWithPercent" id="gridWithPercentElement"></div>
<div class="gridWithAuto" id="gridWithAutoElement"></div>
<div class="gridWithEM" id="gridWithEMElement"></div>
<script src="resources/grid-columns-rows-get-set.js"></script>
<script src="../js/resources/js-test-post.js"></script>
</body>
</html>



description('Test that setting and getting grid-columns and grid-rows works as expected');

debug("Test getting |display| set through CSS");
var gridElement = document.getElementById("gridElement");
shouldBe("getComputedStyle(gridElement, '').getPropertyValue('-webkit-grid-columns')", "'none'");
shouldBe("getComputedStyle(gridElement, '').getPropertyValue('-webkit-grid-rows')", "'none'");

var gridWithFixedElement = document.getElementById("gridWithFixedElement");
shouldBe("getComputedStyle(gridWithFixedElement, '').getPropertyValue('-webkit-grid-columns')", "'10px'");
shouldBe("getComputedStyle(gridWithFixedElement, '').getPropertyValue('-webkit-grid-rows')", "'15px'");

var gridWithPercentElement = document.getElementById("gridWithPercentElement");
shouldBe("getComputedStyle(gridWithPercentElement, '').getPropertyValue('-webkit-grid-columns')", "'53%'");
shouldBe("getComputedStyle(gridWithPercentElement, '').getPropertyValue('-webkit-grid-rows')", "'27%'");

var gridWithAutoElement = document.getElementById("gridWithAutoElement");
shouldBe("getComputedStyle(gridWithAutoElement, '').getPropertyValue('-webkit-grid-columns')", "'auto'");
shouldBe("getComputedStyle(gridWithAutoElement, '').getPropertyValue('-webkit-grid-rows')", "'auto'");

var gridWithEMElement = document.getElementById("gridWithEMElement");
shouldBe("getComputedStyle(gridWithEMElement, '').getPropertyValue('-webkit-grid-columns')", "'160px'");
shouldBe("getComputedStyle(gridWithEMElement, '').getPropertyValue('-webkit-grid-rows')", "'240px'");

debug("");
debug("Test the initial value");
var element = document.createElement("div");
document.body.appendChild(element);
shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-columns')", "'none'");
shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-rows')", "'none'");

debug("");
debug("Test getting and setting display through JS");
element.style.webkitGridColumns = "18px";
element.style.webkitGridRows = "66px";
shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-columns')", "'18px'");
shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-rows')", "'66px'");

element = document.createElement("div");
document.body.appendChild(element);
element.style.webkitGridColumns = "55%";
element.style.webkitGridRows = "40%";
shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-columns')", "'55%'");
shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-rows')", "'40%'");

element = document.createElement("div");
document.body.appendChild(element);
element.style.webkitGridColumns = "auto";
element.style.webkitGridRows = "auto";
shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-columns')", "'auto'");
shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-rows')", "'auto'");

Return to Bug 72531

Lines 40703-40708 a/Source/WebCore/WebCore.vcproj/WebCore.vcproj_sec1
- a/Source/WebCore/WebCore.vcproj/WebCore.vcproj +56 lines
40703	>	40703	>
40704	</File>	40704	</File>
40705	<File	40705	<File
		40706	RelativePath="..\rendering\style\StyleGridData.cpp"
		40707	>
		40708	<FileConfiguration
		40709	Name="Debug\|Win32"
		40710	ExcludedFromBuild="true"
		40711	>
		40712	<Tool
		40713	Name="VCCLCompilerTool"
		40714	/>
		40715	</FileConfiguration>
		40716	<FileConfiguration
		40717	Name="Release\|Win32"
		40718	ExcludedFromBuild="true"
		40719	>
		40720	<Tool
		40721	Name="VCCLCompilerTool"
		40722	/>
		40723	</FileConfiguration>
		40724	<FileConfiguration
		40725	Name="Debug_Cairo_CFLite\|Win32"
		40726	ExcludedFromBuild="true"
		40727	>
		40728	<Tool
		40729	Name="VCCLCompilerTool"
		40730	/>
		40731	</FileConfiguration>
		40732	<FileConfiguration
		40733	Name="Release_Cairo_CFLite\|Win32"
		40734	ExcludedFromBuild="true"
		40735	>
		40736	<Tool
		40737	Name="VCCLCompilerTool"
		40738	/>
		40739	</FileConfiguration>
		40740	<FileConfiguration
		40741	Name="Debug_All\|Win32"
		40742	ExcludedFromBuild="true"
		40743	>
		40744	<Tool
		40745	Name="VCCLCompilerTool"
		40746	/>
		40747	</FileConfiguration>
		40748	<FileConfiguration
		40749	Name="Production\|Win32"
		40750	ExcludedFromBuild="true"
		40751	>
		40752	<Tool
		40753	Name="VCCLCompilerTool"
		40754	/>
		40755	</FileConfiguration>
		40756	</File>
		40757	<File
		40758	RelativePath="..\rendering\style\StyleGridData.h"
		40759	>
		40760	</File>
		40761	<File
40706	RelativePath="..\rendering\style\StyleImage.h"	40762	RelativePath="..\rendering\style\StyleImage.h"
40707	>	40763	>
40708	</File>	40764	</File>

Lines 1770-1775 bool CSSParser::parseValue(int propId, bool important) a/Source/WebCore/css/CSSParser.cpp_sec1
- a/Source/WebCore/css/CSSParser.cpp +22 lines
1770	}	1770	}
1771	return false;	1771	return false;
1772	}	1772	}
		1773	#if ENABLE(CSS_GRID_LAYOUT)
		1774	case CSSPropertyWebkitGridColumns:
		1775	case CSSPropertyWebkitGridRows:
		1776	return parseGridTrackList(propId, important);
		1777	#endif
1773	case CSSPropertyWebkitMarginCollapse: {	1778	case CSSPropertyWebkitMarginCollapse: {
1774	const int properties[2] = { CSSPropertyWebkitMarginBeforeCollapse,	1779	const int properties[2] = { CSSPropertyWebkitMarginBeforeCollapse,
1775	CSSPropertyWebkitMarginAfterCollapse };	1780	CSSPropertyWebkitMarginAfterCollapse };
Lines 3497-3502 bool CSSParser::parseAnimationProperty(int propId, RefPtr<CSSValue>& result) a/Source/WebCore/css/CSSParser.cpp_sec2
3497	return false;	3502	return false;
3498	}	3503	}
3499		3504
		3505	#if ENABLE(CSS_GRID_LAYOUT)
		3506	bool CSSParser::parseGridTrackList(int propId, bool important)
		3507	{
		3508	CSSParserValue* value = m_valueList->current();
		3509	if (value->id == CSSValueNone \|\| value->id == CSSValueAuto) {
		3510	addProperty(propId, primitiveValueCache()->createIdentifierValue(value->id), important);
		3511	return true;
		3512	}
		3513
		3514	if (validUnit(value, FLength \| FPercent, m_strict)) {
		3515	addProperty(propId, createPrimitiveNumericValue(value), important);
		3516	return true;
		3517	}
		3518	return false;
		3519	}
		3520	#endif
		3521
3500		3522
3501		3523
3502	#if ENABLE(DASHBOARD_SUPPORT)	3524	#if ENABLE(DASHBOARD_SUPPORT)

Lines 1-3 a/Source/WebCore/ChangeLog_sec1
- a/Source/WebCore/ChangeLog +76 lines
		1	2011-11-16 Julien Chaffraix <jchaffraix@webkit.org>
		2
		3	Add limited parsing support for grid-columns and grid-rows
		4	https://bugs.webkit.org/show_bug.cgi?id=72531
		5
		6	Reviewed by NOBODY (OOPS!).
		7
		8	Test: fast/css-grid-layout/grid-columns-rows-get-set.html
		9
		10	Added support for:
		11	<track-list> := <length> \| <percentage> \| 'none' \| 'auto'
		12
		13	* CMakeLists.txt:
		14	* GNUmakefile.list.am:
		15	* Target.pri:
		16	* WebCore.gypi:
		17	* WebCore.vcproj/WebCore.vcproj:
		18	* WebCore.xcodeproj/project.pbxproj:
		19	* rendering/style/StyleAllInOne.cpp:
		20	Updated our build systems.
		21
		22	* css/CSSComputedStyleDeclaration.cpp:
		23	(WebCore::valueForGridTrackList):
		24	Helper function to convert our RenderStyle information to a proper CSSValue.
		25	It doesn't do much now but it will be expanded as we add more support.
		26
		27	(WebCore::CSSComputedStyleDeclaration::getPropertyCSSValue): Call the previous
		28	function.
		29
		30	* css/CSSParser.h:
		31	* css/CSSParser.cpp:
		32	(WebCore::CSSParser::parseValue):
		33	(WebCore::CSSParser::parseGridTrackList):
		34	CSS parsing part of this change. Pretty simple for now.
		35
		36	* css/CSSPropertyNames.in:
		37	Added -webkit-grid-columns and -webkit-grid-rows.
		38
		39	* css/CSSProperty.cpp:
		40	(WebCore::CSSProperty::isInheritedProperty):
		41	* css/CSSStyleApplyProperty.cpp:
		42	(WebCore::CSSStyleApplyProperty::CSSStyleApplyProperty):
		43	* css/CSSStyleSelector.cpp:
		44	(WebCore::CSSStyleSelector::applyProperty):
		45	Style application plumbing.
		46
		47	* rendering/style/RenderStyle.cpp:
		48	(WebCore::RenderStyle::RenderStyle):
		49	(WebCore::RenderStyle::diff):
		50	This change is required for later when we add layout for our grid.
		51
		52	* rendering/style/RenderStyle.h:
		53	(WebCore::InheritedFlags::gridColumns):
		54	(WebCore::InheritedFlags::gridRows):
		55	(WebCore::InheritedFlags::setGridColumns):
		56	(WebCore::InheritedFlags::setGridRows):
		57	(WebCore::InheritedFlags::initialGridColumns):
		58	(WebCore::InheritedFlags::initialGridRows):
		59	Getters / Setters and initial values.
		60
		61	* rendering/style/StyleGridData.cpp: Added.
		62	(WebCore::StyleGridData::StyleGridData):
		63	* rendering/style/StyleGridData.h: Added.
		64	(WebCore::StyleGridData::create):
65	(WebCore::StyleGridData::copy):
66	(WebCore::StyleGridData::operator==):
67	(WebCore::StyleGridData::operator!=):
68	This class holds the grid element information. For now pretty simple
69	shell that will be used for the rest of the support.
70
71	* rendering/style/StyleRareNonInheritedData.cpp:
72	(WebCore::StyleRareNonInheritedData::StyleRareNonInheritedData):
73	(WebCore::StyleRareNonInheritedData::operator==):
74	* rendering/style/StyleRareNonInheritedData.h:
75	Added StyleGridElementData to StyleRareNonInheritedData.
76
1	2011-11-16 Alexandre Elias <aelias@google.com>	77	2011-11-16 Alexandre Elias <aelias@google.com>
2		78
3	[chromium] Add null pointer check in setDeviceScaleFactor	79	[chromium] Add null pointer check in setDeviceScaleFactor

Lines 949-954 a/Source/WebCore/WebCore.gypi_sec1
- a/Source/WebCore/WebCore.gypi +2 lines
949	'rendering/style/StyleFilterData.h',	949	'rendering/style/StyleFilterData.h',
950	'rendering/style/StyleFlexibleBoxData.h',	950	'rendering/style/StyleFlexibleBoxData.h',
951	'rendering/style/StyleGeneratedImage.h',	951	'rendering/style/StyleGeneratedImage.h',
		952	'rendering/style/StyleGridData.h',
952	'rendering/style/StyleImage.h',	953	'rendering/style/StyleImage.h',
953	'rendering/style/StyleInheritedData.h',	954	'rendering/style/StyleInheritedData.h',
954	'rendering/style/StyleMarqueeData.h',	955	'rendering/style/StyleMarqueeData.h',
Lines 4754-4759 a/Source/WebCore/WebCore.gypi_sec2
4754	'rendering/style/StyleFilterData.cpp',	4755	'rendering/style/StyleFilterData.cpp',
4755	'rendering/style/StyleFlexibleBoxData.cpp',	4756	'rendering/style/StyleFlexibleBoxData.cpp',
4756	'rendering/style/StyleGeneratedImage.cpp',	4757	'rendering/style/StyleGeneratedImage.cpp',
		4758	'rendering/style/StyleGridData.cpp',
4757	'rendering/style/StyleInheritedData.cpp',	4759	'rendering/style/StyleInheritedData.cpp',
4758	'rendering/style/StyleMarqueeData.cpp',	4760	'rendering/style/StyleMarqueeData.cpp',
4759	'rendering/style/StyleMultiColData.cpp',	4761	'rendering/style/StyleMultiColData.cpp',

Line 0 a/Source/WebCore/rendering/style/StyleGridData.cpp_sec1
- a/Source/WebCore/rendering/style/StyleGridData.cpp +51 lines
	1	/*
	2	* Copyright (C) 2011 Google Inc. All Rights Reserved.
	3	*
	4	* Redistribution and use in source and binary forms, with or without
	5	* modification, are permitted provided that the following conditions
	6	* are met:
	7	* 1. Redistributions of source code must retain the above copyright
	8	* notice, this list of conditions and the following disclaimer.
	9	* 2. Redistributions in binary form must reproduce the above copyright
	10	* notice, this list of conditions and the following disclaimer in the
	11	* documentation and/or other materials provided with the distribution.
	12	*
	13	* THIS SOFTWARE IS PROVIDED BY APPLE INC. AND ITS CONTRIBUTORS ``AS IS'' AND ANY
	14	* EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
	15	* WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
	16	* DISCLAIMED. IN NO EVENT SHALL APPLE INC. OR ITS CONTRIBUTORS BE LIABLE FOR ANY
	17	* DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
	18	* (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
	19	* LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON
	20	* ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
	21	* (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
	22	* SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
	23	*
	24	*/
	25
	26	#include "config.h"
	27	#include "StyleGridData.h"
	28
	29	#if ENABLE(CSS_GRID_LAYOUT)
	30
	31	#include "RenderStyle.h"
	32
	33	namespace WebCore {
	34
	35	StyleGridData::StyleGridData()
	36	: m_gridColumns(RenderStyle::initialGridColumns())
	37	, m_gridRows(RenderStyle::initialGridRows())
	38	{
	39	}
	40
	41	StyleGridData::StyleGridData(const StyleGridData& o)
	42	: RefCounted<StyleGridData>()
	43	, m_gridColumns(o.m_gridColumns)
	44	, m_gridRows(o.m_gridRows)
	45	{
	46	}
	47
	48	} // namespace WebCore
	49
	50	#endif // ENABLE(CSS_GRID_LAYOUT)
	51

Lines 1-3 a/LayoutTests/ChangeLog_sec1
- a/LayoutTests/ChangeLog +13 lines
		1	2011-11-16 Julien Chaffraix <jchaffraix@webkit.org>
		2
		3	Add limited parsing support for grid-columns and grid-rows
		4	https://bugs.webkit.org/show_bug.cgi?id=72531
		5
		6	Reviewed by NOBODY (OOPS!).
		7
		8	Test our currently supported grammar.
		9
		10	* fast/css-grid-layout/grid-columns-rows-get-set.html: Added.
		11	* fast/css-grid-layout/resources/grid-columns-rows-get-set.js: Added.
		12	* fast/css-grid-layout/grid-columns-rows-get-set-expected.txt: Added.
		13
1	2011-11-16 James Robinson <jamesr@chromium.org>	14	2011-11-16 James Robinson <jamesr@chromium.org>
2		15
3	[chromium] Update chromium expectations for fast/media/mq-transform-0[23].html to reflect that chromium DRT has	16	[chromium] Update chromium expectations for fast/media/mq-transform-0[23].html to reflect that chromium DRT has

Line 0 a/LayoutTests/fast/css-grid-layout/grid-columns-rows-get-set-expected.txt_sec1
- a/LayoutTests/fast/css-grid-layout/grid-columns-rows-get-set-expected.txt +32 lines
	1	Test that setting and getting grid-columns and grid-rows works as expected
	2
	3	On success, you will see a series of "PASS" messages, followed by "TEST COMPLETE".
	4
	5
	6	Test getting \|display\| set through CSS
	7	PASS getComputedStyle(gridElement, '').getPropertyValue('-webkit-grid-columns') is 'none'
	8	PASS getComputedStyle(gridElement, '').getPropertyValue('-webkit-grid-rows') is 'none'
	9	PASS getComputedStyle(gridWithFixedElement, '').getPropertyValue('-webkit-grid-columns') is '10px'
	10	PASS getComputedStyle(gridWithFixedElement, '').getPropertyValue('-webkit-grid-rows') is '15px'
	11	PASS getComputedStyle(gridWithPercentElement, '').getPropertyValue('-webkit-grid-columns') is '53%'
	12	PASS getComputedStyle(gridWithPercentElement, '').getPropertyValue('-webkit-grid-rows') is '27%'
	13	PASS getComputedStyle(gridWithAutoElement, '').getPropertyValue('-webkit-grid-columns') is 'auto'
	14	PASS getComputedStyle(gridWithAutoElement, '').getPropertyValue('-webkit-grid-rows') is 'auto'
	15	PASS getComputedStyle(gridWithEMElement, '').getPropertyValue('-webkit-grid-columns') is '160px'
	16	PASS getComputedStyle(gridWithEMElement, '').getPropertyValue('-webkit-grid-rows') is '240px'
	17
	18	Test the initial value
	19	PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-columns') is 'none'
	20	PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-rows') is 'none'
	21
	22	Test getting and setting display through JS
	23	PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-columns') is '18px'
	24	PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-rows') is '66px'
	25	PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-columns') is '55%'
	26	PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-rows') is '40%'
	27	PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-columns') is 'auto'
	28	PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-rows') is 'auto'
	29	PASS successfullyParsed is true
	30
	31	TEST COMPLETE
	32

Line 0 a/LayoutTests/fast/css-grid-layout/grid-columns-rows-get-set.html_sec1
- a/LayoutTests/fast/css-grid-layout/grid-columns-rows-get-set.html +42 lines
	1	<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
	2	<html>
	3	<head>
	4	<style>
	5	.grid {
	6	display: -webkit-grid;
	7	-webkit-grid-columns: none;
	8	-webkit-grid-rows: none;
	9	}
	10	.gridWithFixed {
	11	display: -webkit-grid;
	12	-webkit-grid-columns: 10px;
	13	-webkit-grid-rows: 15px;
	14	}
	15	.gridWithPercent {
	16	display: -webkit-grid;
	17	-webkit-grid-columns: 53%;
	18	-webkit-grid-rows: 27%;
	19	}
	20	.gridWithAuto {
	21	display: -webkit-grid;
	22	-webkit-grid-columns: auto;
	23	-webkit-grid-rows: auto;
	24	}
	25	.gridWithEM {
	26	display: -webkit-grid;
	27	-webkit-grid-columns: 10em;
	28	-webkit-grid-rows: 15em;
	29	}
	30	</style>
	31	<script src="../js/resources/js-test-pre.js"></script>
	32	</head>
	33	<body>
	34	<div class="grid" id="gridElement"></div>
	35	<div class="gridWithFixed" id="gridWithFixedElement"></div>
	36	<div class="gridWithPercent" id="gridWithPercentElement"></div>
	37	<div class="gridWithAuto" id="gridWithAutoElement"></div>
	38	<div class="gridWithEM" id="gridWithEMElement"></div>
	39	<script src="resources/grid-columns-rows-get-set.js"></script>
	40	<script src="../js/resources/js-test-post.js"></script>
	41	</body>
	42	</html>

Line 0 a/LayoutTests/fast/css-grid-layout/resources/grid-columns-rows-get-set.js_sec1
- a/LayoutTests/fast/css-grid-layout/resources/grid-columns-rows-get-set.js +50 lines
	1	description('Test that setting and getting grid-columns and grid-rows works as expected');
	2
	3	debug("Test getting \|display\| set through CSS");
	4	var gridElement = document.getElementById("gridElement");
	5	shouldBe("getComputedStyle(gridElement, '').getPropertyValue('-webkit-grid-columns')", "'none'");
	6	shouldBe("getComputedStyle(gridElement, '').getPropertyValue('-webkit-grid-rows')", "'none'");
	7
	8	var gridWithFixedElement = document.getElementById("gridWithFixedElement");
	9	shouldBe("getComputedStyle(gridWithFixedElement, '').getPropertyValue('-webkit-grid-columns')", "'10px'");
	10	shouldBe("getComputedStyle(gridWithFixedElement, '').getPropertyValue('-webkit-grid-rows')", "'15px'");
	11
	12	var gridWithPercentElement = document.getElementById("gridWithPercentElement");
	13	shouldBe("getComputedStyle(gridWithPercentElement, '').getPropertyValue('-webkit-grid-columns')", "'53%'");
	14	shouldBe("getComputedStyle(gridWithPercentElement, '').getPropertyValue('-webkit-grid-rows')", "'27%'");
	15
	16	var gridWithAutoElement = document.getElementById("gridWithAutoElement");
	17	shouldBe("getComputedStyle(gridWithAutoElement, '').getPropertyValue('-webkit-grid-columns')", "'auto'");
	18	shouldBe("getComputedStyle(gridWithAutoElement, '').getPropertyValue('-webkit-grid-rows')", "'auto'");
	19
	20	var gridWithEMElement = document.getElementById("gridWithEMElement");
	21	shouldBe("getComputedStyle(gridWithEMElement, '').getPropertyValue('-webkit-grid-columns')", "'160px'");
	22	shouldBe("getComputedStyle(gridWithEMElement, '').getPropertyValue('-webkit-grid-rows')", "'240px'");
	23
	24	debug("");
	25	debug("Test the initial value");
	26	var element = document.createElement("div");
	27	document.body.appendChild(element);
	28	shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-columns')", "'none'");
	29	shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-rows')", "'none'");
	30
	31	debug("");
	32	debug("Test getting and setting display through JS");
	33	element.style.webkitGridColumns = "18px";
	34	element.style.webkitGridRows = "66px";
	35	shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-columns')", "'18px'");
	36	shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-rows')", "'66px'");
	37
	38	element = document.createElement("div");
	39	document.body.appendChild(element);
	40	element.style.webkitGridColumns = "55%";
	41	element.style.webkitGridRows = "40%";
	42	shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-columns')", "'55%'");
	43	shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-rows')", "'40%'");
	44
	45	element = document.createElement("div");
	46	document.body.appendChild(element);
	47	element.style.webkitGridColumns = "auto";
	48	element.style.webkitGridRows = "auto";
	49	shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-columns')", "'auto'");
	50	shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-rows')", "'auto'");