SMIL 3.0 Testcases (features introduced in SMIL 2.0)

Layout Module

Editors:
Dan Zucker, Invited Expert
Thierry Michel (tmichel@w3.org),W3C


New SMIL 3.0 Features :
[Animation] [Content Control] [Layout] [Media] [Metainformation] [SMILtext] [State] [Structure] [Timing] [Namespace and Doctype].

Other SMIL 3.0 Features (Introduced in SMIL 2.1):
[Layout] [Media] [Transition].

Other SMIL 3.0 Features (Introduced initialy in SMIL 2.0):
[Animation] [Content] [Layout] [Linking] [Media] [Metadata] [Structure] [Timing] [Transition] [Time Manipulation] [Profile]

Overview

The following testcases for the Layout Module features remain unchanged from the SMIL 2.0 Test Suite.
(The test cases remain the same, apart from having been updated with the SMIL 3.0 Namespace and DTD declaration).

Testcases

SMIL Layout Module
Test # Feature Test (test file) Expected Behavior  
1 layout attributes  
1.1 Tests deprecated background-color, values of fit
(smil, source)
  1. Show smile in windows which use (right to left, top to bottom): fill, hidden, meet, slice
  2. fill: image stretched to fill region, no background color red visible.
  3. hidden: image aligned to upper left, lower right filled with blue.
  4. meet: image scaled to touch sides, top and bottom filled with green.
  5. slice: image scaled top bottom edges touch, sides overflow region.
1.2 Tests backgroundColor, values of fit
(smil, source)
  1. Show smile in windows which use (right to left, top to bottom): fill, hidden, meet, slice
  2. fill: image stretched to fill region, no background color red visible.
  3. hidden: image aligned to upper left, lower right filled with blue.
  4. meet: image scaled to touch sides, top and bottom filled with green.
  5. slice: image scaled top bottom edges touch, sides overflow region.
1.3 Tests background color override on media elements
(smil, source)
  1. Show yellow background on left, green on right for 2s.
  2. Then, show smile on left with red background, frown on right with green background for 2s.
  3. Then, show smile on left with yellow background, frown on right with blue background for 2s.
1.4 Implements default layout
(smil, source)
  1. Show frown, show smile which hides frown.
  2. Remove. and frown reappears.
1.5 Tests fit=scroll
(smil, source)
  1. Show smile. Allow scrolling window to see entire image
1.6 Tests hierarchical layout
(smil, source)
  1. Show one topLayout. At 0s show smile in the one open window. At 2s open another window and show frown in it.
  2. At 4s smile ends, and window not close.
  3. At 5s frown ends, window should close.
  4. show smile and frown for 10s, begin at the same time, smile will obscure frown.
  5. show nothing for 2s.
  6. show smile and then 1s later, frown for 10s, obscurring smile.
  7. show nothing for 2s. show. for 10s, frown is obscurred.
1.7 Tests hierarchical layout with topLayout element
(smil, source)
  1. Tests hierarchical layout with topLayout element.
  2. show smile and frown for 10s, begin at the same time, smile will obscure frown, frown will be clipped on its right at the level as the right smile edge.
  3. show nothing for 2s.
  4. show smile and then 1s later, frown for 10s, obscurring smile, the both smile and frown will be clipped on their right
  5. show nothing for 2s.
  6. show. for 10s, frown is obscurred, smile will be clipped on its right
1.8 Tests predefined regPoints
(smil, source)
  1. Tests predefined regPoints.
  2. Align the center of the image with the predefined rePoints, left-to-right, top-to-bottom, right-to-left, bottom-to-top, center in sequence.
  3. Each for 2s, All with blue background.
1.9 Tests regPoint positioning layout with topLayout element - 1
(smil, source)
  1. Tests regPoint positioning layout with topLayout element.
  2. Show smile on left, frown on right.
  3. Cycle the image alignment options from upper-left to lower-right, applying these image alignments to the regpoint in the center of the image.
  4. You should see in the following order:
  5. - In the lower half part of the topLayout (left to right): black area, right part of smile, black area, right part of frown
  6. - In the lower half part of the topLayout (left to right): full smile, full frown
  7. - In the lower half part of the topLayout (left to right): right part of smile, black area, right part of frown, black area
  8. The three following steps: the same cycle but into the middle of the topLayout
  9. The three last steps: the same cycle but into the top of the topLayout
1.10 Tests regPoint positioning layout with topLayout element - 2
(smil, source)
  1. Same display pattern as previous test, but uses media element regAlign to override the regAlign on the regPoint element.
  2. Show smile on left, frown on right.
  3. Cycle the image alignment options from upper-left to lower-right, applying these image alignments to the regpoint in the center of the image.
1.11 Tests regPoint positioning layout with all fit values and all regAlign values - 1
(smil, source)
  1. The regPoint is in center of display window.
  2. regAlign goes top to bottom and right to left.
  3. For this test, image is smaller than region.
  4. Follows same order as described in spec, refer to the spec for proper behavior.
1.12 Tests regPoint positioning layout with all fit values and all regAlign values - 2
(smil, source)
  1. Also tests media element override of fit values.
  2. The regPoint is in center of display window.
  3. regAlign goes top to bottom and right to left.
  4. For this test, image is larger than the region in width and height.
  5. Follows same order as described in spec, refer to the spec for proper behavior.
1.13 Tests type, region, and root-layout, pixels
(smil, source)
  1. Tests type, region, and root-layout, pixels
  2. Show frown on left, smile on right in 640x240 window
1.14 Tests type, region, and root-layout, percentages
(smil, source)
  1. Tests type, region, and root-layout, percentages
  2. Show frown on left, smile on right in 640x240 window
1.15 Tests type, region, and root-layout, pixels
(smil, source)
  1. Tests type, region, and root-layout, pixels
  2. Show frown on left, smile on right in 640x240 window
1.16 Tests deprecated background-color on root-layout
(smil, source)
  1. Show frown center with yellow background color
1.17 Tests backgroundColor on root-layout
(smil, source)
  1. Show frown center with yellow background color
1.18 Tests showBackground = always
(smil, source)
  1. blue background of centrol region is shown for 2s
  2. smile is shown for 2s
  3. blue background is shown again
1.19 Tests showBackground = whenActive
(smil, source)
  1. Tests showBackground = whenActive.
  2. nothing is shown for 2s.
  3. smile is shown for 2s with blue surround (on the right and bottom).
  4. nothing is shown again.
1.20 Tests audio layout
(smil, source)
  1. geminiecho plays quietly
  2. then at 2s leonidsample plays loudly
  3. and play together for 4s.
1.21 Tests subregion positioning layout with topLayout element - 1
(smil, source)
  1. Show one topLayout.
  2. At 0s show smile image with upper-left at upper-left corner for 2s.
  3. At 2s show smile image with upper-left at upper-mid corner for 2s.
  4. At 4s show smile image with upper-left at mid-left corner for 2s.
  5. At 6s show smile image with upper-left at mid-mid corner for 2s.
1.22 Tests subregion positioning layout with topLayout element - 2
(smil, source)
  1. Show one topLayout.
  2. At 0s show smile image with upper-left at upper-left corner for 2s.
  3. At 2s show smile image with upper-left at upper-quarter-from-left corner for 2s.
  4. At 4s show smile image with upper-left at quarter-from-top-left corner for 2s.
  5. At 6s show smile image with upper-left at quarter-from-top-quarter-from-left corner for 2s.
1.23 Tests default topLayout behavior, and topLayout background color.
(smil, source)
  1. Show both topLayouts with blue backgrounds
  2. At 0s show smile in one window.
  3. At 2s show frown in another window.
  4. At 4s smile ends, but window should not close.
  5. At 5s frown ends, but window should not close.
1.24 Tests topLayout close behavior
(smil, source)
  1. Show both topLayouts.
  2. At 0s show smile in one window.
  3. At 2s show frown in another window.
  4. At 4s smile ends, and window should close.
  5. At 5s frown ends, window should not close.
1.25 Tests topLayout open behavior
(smil, source)
  1. Show one topLayout.
  2. At 0s show smile in the one open window.
  3. At 2s open another window and show frown in it.
  4. At 4s smile ends, and window not close.
  5. At 5s frown ends, window should close.
1.26 Tests z-index
(smil, source)
  1. Show smile in upper left. Show frown center and partially overlapping.
1.27 Tests z-index timing rule
(smil, source)
  1. Show smile in upper left. Show frown center and partially overlapping.
1.28 Tests z-index lexical order rule
(smil, source)
  1. Show smile in upper left. Show frown center and partially overlapping.