xobs/fa23-si
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

refactoring and fixed auto-animate test exception

Browse Source
This commit is contained in:
Hakim El Hattab
2020-02-11 15:31:17 +01:00
parent 6e4c36b3db
commit ea295796ea
4 changed files with 53 additions and 38 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
test/examples/auto-animate.html
View File

@ -30,7 +30,7 @@ function Example() {
</code></pre>
</section>
<section data-auto-animate data-auto-animate-unmatched="fade">
<h3 data-auto-animate-delay="1">Auto-Matched Content (no IDs)</h3>
<h3>Auto-Matched Content (no IDs)</h3>
<p style="opacity: 0.2; margin-top: 200px;">This will fade out</p>
<p>This element is unmatched</p>
<img src="assets/image1.png" style="height: 100px;">

45
test/test-auto-animate.html
View File

@ -45,20 +45,19 @@
<script src="qunit-2.5.0.js"></script>
<script>
window.externalScriptSequence = '';
const slides = [].slice.call( document.querySelectorAll( '.slides section' ) ).map( slide => {
return {
h1: slide.querySelector( 'h1' ),
h2: slide.querySelector( 'h2' ),
h3: slide.querySelector( 'h3' )
};
} );
Reveal.addEventListener( 'ready', () => {
QUnit.module( 'Auto-Animate' );
const slides = [].slice.call( document.querySelectorAll( '.slides section' ) ).map( slide => {
return {
h1: slide.querySelector( 'h1' ),
h2: slide.querySelector( 'h2' ),
h3: slide.querySelector( 'h3' )
};
} );
QUnit.test( 'Adds data-auto-animate-target', assert => {
Reveal.slide(1);
assert.strictEqual( slides[0].h1.getAttribute( 'data-auto-animate-target' ), '', 'From elements have blank data-auto-animate-target' );
@ -72,27 +71,31 @@
});
QUnit.test( 'Slide specific data-auto-animate-duration', assert => {
assert.timeout( 350 );
var done = assert.async();
assert.timeout( 400 );
let done = assert.async();
let callback = () => {
slides[2].h3.removeEventListener( 'transitionend', callback );
assert.ok( true, 'Transition ended within time window' );
done();
}
Reveal.slide(2);
slides[2].h3.addEventListener( 'transitionend', function() {
assert.ok( true, 'Transition ended within time window' );
done();
} );
slides[2].h3.addEventListener( 'transitionend', callback );
});
QUnit.test( 'Element specific data-auto-animate-duration', assert => {
assert.timeout( 350 );
var done = assert.async();
assert.timeout( 400 );
let done = assert.async();
let callback = () => {
slides[1].h1.removeEventListener( 'transitionend', callback );
assert.ok( true, 'Transition ended within time window' );
done();
}
Reveal.slide(1);
slides[1].h1.addEventListener( 'transitionend', function() {
assert.ok( true, 'Transition ended within time window' );
done();
} );
slides[1].h1.addEventListener( 'transitionend', callback );
});
} );