UNPKG

visbug-lib

Version:

<p align="center"> <img src="./assets/visbug.png" width="300" height="300" alt="visbug"> <br> <a href="https://www.npmjs.org/package/visbug"><img src="https://img.shields.io/npm/v/visbug.svg?style=flat" alt="npm latest version number"></a> <a href

173 lines (124 loc) 4.75 kB
import test from 'ava' import { setupPptrTab, teardownPptrTab, changeMode, getActiveTool } from '../../tests/helpers' const tool = 'align' const test_selector = '[intro] b' test.beforeEach(async t => { await setupPptrTab(t) await changeMode({ tool, page: t.context.page, }) }) test('Can Be Activated', async t => { const { page } = t.context t.is(await getActiveTool(page), tool) t.pass() }) test('Can adjust justify-content', async t => { const { page } = t.context await page.click(test_selector) await page.keyboard.press('ArrowRight') let justifyStr = await page.$eval(test_selector, el => el.style.justifyContent) t.true(justifyStr === "center") await page.keyboard.press('ArrowRight') justifyStr = await page.$eval(test_selector, el => el.style.justifyContent) t.true(justifyStr === "flex-end") await page.keyboard.press('ArrowLeft') await page.keyboard.press('ArrowLeft') justifyStr = await page.$eval(test_selector, el => el.style.justifyContent) t.true(justifyStr === "flex-start") t.pass() }) test('Can adjust align-items', async t => { const { page } = t.context await page.click(test_selector) await page.keyboard.press('ArrowDown') let alignStr = await page.$eval(test_selector, el => el.style.alignItems) t.true(alignStr === "center") await page.keyboard.press('ArrowDown') alignStr = await page.$eval(test_selector, el => el.style.alignItems) t.true(alignStr === "flex-end") await page.keyboard.press('ArrowUp') await page.keyboard.press('ArrowUp') alignStr = await page.$eval(test_selector, el => el.style.alignItems) t.true(alignStr === "flex-start") t.pass() }) test('Can apply space-around', async t => { const { page } = t.context await page.click(test_selector) await page.keyboard.down('Shift') await page.keyboard.press('ArrowLeft') let justifyStr = await page.$eval(test_selector, el => el.style.justifyContent) t.true(justifyStr === "space-around") t.pass() }) test('Can apply space-between', async t => { const { page } = t.context await page.click(test_selector) await page.keyboard.down('Shift') await page.keyboard.press('ArrowRight') let justifyStr = await page.$eval(test_selector, el => el.style.justifyContent) t.true(justifyStr === "space-between") t.pass() }) test('Can adjust wrapping', async t => { const { page } = t.context await page.click(test_selector) await page.keyboard.down('Control') await page.keyboard.down('Shift') await page.keyboard.press('ArrowUp') let wrapStr = await page.$eval(test_selector, el => el.style.flexWrap) t.true(wrapStr === 'nowrap') await page.keyboard.press('ArrowUp') wrapStr = await page.$eval(test_selector, el => el.style.flexWrap) t.true(wrapStr === 'nowrap') await page.keyboard.press('ArrowDown') wrapStr = await page.$eval(test_selector, el => el.style.flexWrap) t.true(wrapStr === 'wrap') await page.keyboard.press('ArrowDown') wrapStr = await page.$eval(test_selector, el => el.style.flexWrap) t.true(wrapStr === 'wrap') t.pass() }) test('Can adjust row order', async t => { const { page } = t.context await page.click(test_selector) await page.keyboard.down('Control') await page.keyboard.down('Shift') await page.keyboard.press('ArrowLeft') let dirStr = await page.$eval(test_selector, el => el.style.flexDirection) t.true(dirStr === 'row-reverse') await page.keyboard.press('ArrowLeft') dirStr = await page.$eval(test_selector, el => el.style.flexDirection) t.true(dirStr === 'row-reverse') await page.keyboard.press('ArrowRight') dirStr = await page.$eval(test_selector, el => el.style.flexDirection) t.true(dirStr === 'row') await page.keyboard.press('ArrowRight') dirStr = await page.$eval(test_selector, el => el.style.flexDirection) t.true(dirStr === 'row') t.pass() }) test('Can adjust column order', async t => { const { page } = t.context await page.click(test_selector) await page.keyboard.down('Control') await page.keyboard.press('ArrowUp') await page.keyboard.down('Shift') await page.keyboard.press('ArrowLeft') let dirStr = await page.$eval(test_selector, el => el.style.flexDirection) t.true(dirStr === 'column-reverse') await page.keyboard.press('ArrowLeft') dirStr = await page.$eval(test_selector, el => el.style.flexDirection) t.true(dirStr === 'column-reverse') await page.keyboard.press('ArrowRight') dirStr = await page.$eval(test_selector, el => el.style.flexDirection) t.true(dirStr === 'column') await page.keyboard.press('ArrowRight') dirStr = await page.$eval(test_selector, el => el.style.flexDirection) t.true(dirStr === 'column') t.pass() }) test.afterEach(teardownPptrTab)