@unvt/charites 0.1.4 → 0.3.0

package/test/command.build.spec.ts

@@ -0,0 +1,108 @@
+import chai from 'chai'
+import chaiAsPromised from 'chai-as-promised'
+import path from 'path'
+import fs from 'fs'
+import { copyFixturesFile, copyFixturesDir } from './util/copyFixtures'
+import { exec } from './util/execPromise'
+import { makeTempDir } from './util/makeTempDir'
+import charites from './util/charitesCmd'
+
+let tmpdir = ''
+chai.use(chaiAsPromised)
+chai.should()
+const assert = chai.assert
+
+describe('Test for the `charites build`', () => {
+  beforeEach(async function () {
+    tmpdir = makeTempDir()
+    copyFixturesFile('style.yml', tmpdir)
+    copyFixturesFile('error.yml', tmpdir)
+    copyFixturesDir('layers', tmpdir)
+    copyFixturesDir('icons', tmpdir)
+  })
+
+  it('charites build style.yml', async () => {
+    // prettier-ignore
+    const { stdout, stderr } = await exec(`${charites} build style.yml`, tmpdir)
+    assert.deepEqual(stdout, '')
+    assert.deepEqual(stderr, '')
+    assert.isTrue(fs.existsSync(path.join(tmpdir, 'style.json')))
+  })
+
+  it('charites build style.yml custom.json', async () => {
+    // prettier-ignore
+    const { stdout, stderr } = await exec(`${charites} build style.yml custom.json`, tmpdir)
+    assert.deepEqual(stdout, '')
+    assert.deepEqual(stderr, '')
+    assert.isTrue(fs.existsSync(path.join(tmpdir, 'custom.json')))
+  })
+
+  it('charites build style.yml --compact-output', async () => {
+    // prettier-ignore
+    const { stdout, stderr } = await exec(`${charites} build style.yml --compact-output`, tmpdir)
+    assert.deepEqual(stdout, '')
+    assert.deepEqual(stderr, '')
+
+    const contents = fs.readFileSync(path.join(tmpdir, 'style.json'), 'utf-8')
+    assert.isNull(contents.match(/\\n/))
+  })
+
+  it('charites build style.yml style.json --sprite-url http://localhost:8080/icons', async () => {
+    // prettier-ignore
+    const { stdout, stderr } = await exec(`${charites} build style.yml style.json --sprite-url http://localhost:8080/icons`, tmpdir)
+    assert.deepEqual(stdout, '')
+    assert.deepEqual(stderr, '')
+
+    const contents = fs.readFileSync(path.join(tmpdir, 'style.json'), 'utf-8')
+    assert.deepEqual('http://localhost:8080/icons', JSON.parse(contents).sprite)
+  })
+
+  it('charites build style.yml style.json --sprite-input icons --sprite-output .', async () => {
+    // prettier-ignore
+    const { stdout, stderr } = await exec(`${charites} build style.yml style.json --sprite-input icons --sprite-output .`, tmpdir)
+    assert.deepEqual(stdout, '')
+    assert.deepEqual(stderr, '')
+
+    assert.isTrue(fs.existsSync(path.join(tmpdir, 'basic-white.png')))
+    assert.isTrue(fs.existsSync(path.join(tmpdir, 'basic-white.json')))
+  })
+
+  it('charites build style.yml style.json --sprite-url http://localhost:8080', () => {
+    const promise = exec(
+      `${charites} build style.yml style.json --sprite-url http://localhost:8080`,
+      tmpdir,
+    )
+    return assert.isRejected(promise, /Invalid sprite url format.\n/)
+  })
+
+  it('charites build style.yml style.json --sprite-input noExistDirname', () => {
+    const promise = exec(
+      `${charites} build style.yml style.json --sprite-input noExistDirname`,
+      tmpdir,
+    )
+    return assert.isRejected(
+      promise,
+      /noExistDirname: No such directory. Please specify valid icon input directory. For more help run charites build --help\n/,
+    )
+  })
+
+  it('charites build style.yml style.json --sprite-output noExistDirname', (done) => {
+    const promise = exec(
+      `${charites} build style.yml style.json --sprite-output noExistDirname`,
+      tmpdir,
+    )
+    promise.should.be.rejected
+      .then(function () {
+        return assert.isRejected(
+          promise,
+          /noExistDirname: No such directory. Please specify valid icon output directory. For more help run charites build --help\n/,
+        )
+      })
+      .should.notify(done)
+  })
+
+  it('charites build print error message', () => {
+    const promise = exec(`${charites} build error.yml`, tmpdir)
+    return assert.isRejected(promise, /missing required property "sources"/)
+  })
+})

package/test/command.convert.spec.ts

@@ -0,0 +1,24 @@
+import { assert } from 'chai'
+import path from 'path'
+import fs from 'fs'
+import { copyFixturesFile } from './util/copyFixtures'
+import { exec } from './util/execPromise'
+import { makeTempDir } from './util/makeTempDir'
+import charites from './util/charitesCmd'
+
+let tmpdir = ''
+
+describe('Test for the `charites convert`', () => {
+  beforeEach(async function () {
+    tmpdir = makeTempDir()
+    copyFixturesFile('style.json', tmpdir)
+  })
+
+  it('charites convert style.json style.yml', async () => {
+    // prettier-ignore
+    const { stdout, stderr } = await exec(`${charites} convert style.json style.yml`, tmpdir)
+    assert.deepEqual(stdout, '')
+    assert.deepEqual(stderr, '')
+    assert.isTrue(fs.existsSync(path.join(tmpdir, 'style.yml')))
+  })
+})

package/test/command.init.spec.ts

@@ -0,0 +1,45 @@
+import { assert } from 'chai'
+import path from 'path'
+import fs from 'fs'
+import { exec } from './util/execPromise'
+import { makeTempDir } from './util/makeTempDir'
+import charites from './util/charitesCmd'
+
+const tileJsonUrl =
+  'https://raw.githubusercontent.com/mapbox/tilejson-spec/master/3.0.0/example/osm.json'
+const metadataJsonUrl = 'https://optgeo.github.io/kokoromi-rw/zxy/metadata.json'
+
+let tmpdir = ''
+
+describe('Test for the `charites convert`', () => {
+  beforeEach(async function () {
+    tmpdir = makeTempDir()
+  })
+
+  it('charites init style.yml --tilejson-urls ${tileJsonUrl}', async () => {
+    // prettier-ignore
+    const { stdout, stderr } = await exec(`${charites} init style.yml --tilejson-urls ${tileJsonUrl}`, tmpdir)
+    assert.deepEqual(stdout, '')
+    assert.deepEqual(stderr, '')
+    assert.isTrue(fs.existsSync(path.join(tmpdir, 'style.yml')))
+    assert.isTrue(fs.existsSync(path.join(tmpdir, 'layers')))
+  })
+
+  it('charites init style.yml --metadatajson-urls ${metadataJsonUrl}', async () => {
+    // prettier-ignore
+    const { stdout, stderr } = await exec(`${charites} init style.yml --metadatajson-urls ${metadataJsonUrl}`, tmpdir)
+    assert.deepEqual(stdout, '')
+    assert.deepEqual(stderr, '')
+    assert.isTrue(fs.existsSync(path.join(tmpdir, 'style.yml')))
+    assert.isTrue(fs.existsSync(path.join(tmpdir, 'layers')))
+  })
+
+  it('charites init style.yml --tilejson-urls ${tileJsonUrl} --composite-layers', async () => {
+    // prettier-ignore
+    const { stdout, stderr } = await exec(`${charites} init style.yml --tilejson-urls ${tileJsonUrl} --composite-layers`, tmpdir)
+    assert.deepEqual(stdout, '')
+    assert.deepEqual(stderr, '')
+    assert.isTrue(fs.existsSync(path.join(tmpdir, 'style.yml')))
+    assert.isFalse(fs.existsSync(path.join(tmpdir, 'layers')))
+  })
+})

package/test/data/style.json

@@ -14,8 +14,9 @@
     {
       "id": "background",
       "type": "background",
-      "paint": null,
-      "background-color": "rgba(19, 28, 54, 1)"
+      "paint": {
+        "background-color": "rgba(19, 28, 54, 1)"
+      }
     },
     {
       "id": "water",
@@ -30,4 +31,4 @@
       }
     }
   ]
-}
+}

package/test/playwright/provider/default/e2e.spec.ts

@@ -0,0 +1,13 @@
+import { test, expect } from '@playwright/test'
+
+test('Charites Live Preview with maplibre', async ({ page }) => {
+  // collect errors on the page
+  const pageErrors: Error[] = []
+  page.on('pageerror', (exception) => pageErrors.push(exception))
+
+  await page.goto('http://localhost:8080/', { waitUntil: 'networkidle' })
+  await page.waitForTimeout(1000)
+  const title = await page.title()
+  expect(title).toBe('Charites Live Preview')
+  expect(pageErrors).toMatchObject([])
+})

package/test/playwright/provider/geolonia/e2e.spec.ts

@@ -0,0 +1,13 @@
+import { test, expect } from '@playwright/test'
+
+test('Charites Live Preview with geolonia', async ({ page }) => {
+  // collect errors on the page
+  const pageErrors: Error[] = []
+  page.on('pageerror', (exception) => pageErrors.push(exception))
+
+  await page.goto('http://localhost:8088/', { waitUntil: 'networkidle' })
+  await page.waitForTimeout(1000)
+  const title = await page.title()
+  expect(title).toBe('Charites Live Preview')
+  expect(pageErrors).toMatchObject([])
+})

package/test/playwright/provider/mapbox/e2e.spec.ts

@@ -0,0 +1,13 @@
+import { test, expect } from '@playwright/test'
+
+test('Charites Live Preview with mapbox', async ({ page }) => {
+  // collect errors on the page
+  const pageErrors: Error[] = []
+  page.on('pageerror', (exception) => pageErrors.push(exception))
+
+  await page.goto('http://localhost:8888/', { waitUntil: 'networkidle' })
+  await page.waitForTimeout(1000)
+  const title = await page.title()
+  expect(title).toBe('Charites Live Preview')
+  expect(pageErrors).toMatchObject([])
+})

package/test/util/charitesCmd.ts

@@ -0,0 +1,3 @@
+import path from 'path'
+
+export default `node ${path.join(__dirname, '..', '..', 'dist', 'cli.js')}`

package/test/util/copyFixtures.ts

@@ -0,0 +1,14 @@
+import path from 'path'
+import fs from 'fs'
+import fse from 'fs-extra'
+
+export const copyFixturesFile = (file: string, destDir: string) => {
+  fs.copyFileSync(
+    path.join(__dirname, '..', 'data', file),
+    path.join(destDir, file),
+  )
+}
+
+export const copyFixturesDir = (dir: string, destDir: string) => {
+  fse.copySync(path.join(__dirname, '..', 'data', dir), path.join(destDir, dir))
+}

package/test/util/execPromise.ts

@@ -0,0 +1,14 @@
+import child_process from 'child_process'
+import util from 'util'
+import { makeTempDir } from './makeTempDir'
+const execSync = util.promisify(child_process.exec)
+
+export const exec = async (cmd: string, cwd?: string) => {
+  const temp = cwd ? cwd : makeTempDir()
+  const { stdout, stderr } = await execSync(cmd, {
+    encoding: 'utf8',
+    cwd: temp,
+  })
+
+  return { stdout, stderr, cwd: temp }
+}

package/test/util/makeTempDir.ts

@@ -0,0 +1,6 @@
+import path from 'path'
+import fs from 'fs'
+import os from 'os'
+
+export const makeTempDir = () =>
+  fs.mkdtempSync(path.join(os.tmpdir(), 'charites-'))

package/provider/geolonia/app.css

@@ -1,17 +0,0 @@
-html, body, #map
-{
-  width: 100vw;
-  height: 100vh;
-  padding: 0;
-  margin: 0;
-}
-
-.overlay {
-  width: 200px;
-  position: absolute;
-  top: 10;
-  left: 10;
-  margin: 5px;
-  z-index: 90;
-  background-color: rgba(255, 255, 255, 0.6);
-}

package/provider/mapbox/app.css

@@ -1,17 +0,0 @@
-html, body, #map
-{
-  width: 100vw;
-  height: 100vh;
-  padding: 0;
-  margin: 0;
-}
-
-.overlay {
-  width: 200px;
-  position: absolute;
-  top: 10;
-  left: 10;
-  margin: 5px;
-  z-index: 90;
-  background-color: rgba(255, 255, 255, 0.6);
-}