Add ESM deliverables

- Add ESM test
- improved run.js logging

Author: replete

README.md

@@ -27,7 +27,11 @@
   - If JS fails in an old browser, it will probably be fixable by updating `browserlist` in `package.json` then rebuilding
   - (Will be tested more definitively with browserstack at some point)
   - source styles use CSS Nesting which is explicitly processed out for compatibility
-- Integration test suite WIP ![tests](https://github.com/replete/biscuitman/actions/workflows/node.js.yml/badge.svg)
+- Experimental ESM version `biscuitman.mjs` [ESM Module version demo](https://replete.github.io/biscuitman)
+	- still uses globals
+	- allows easier event setting with `.on('revoke', (sec) => { if (sec === 'analytics') window.reload() )})`
+	- experimental stage, only worth maintaining if the codebase remains pretty much the same, consider this another packaging option
+- preliminary e2e tests ![tests](https://github.com/replete/biscuitman/actions/workflows/node.js.yml/badge.svg)
 
 ![screenshot of main UI](media/ui.webp)
 
@@ -196,13 +200,13 @@ Visiting `https://localhost:3000` should now work without warnings.
 
 ### Building
 `npm run build` - creates project distributes. 
-
-Build script `runmjs` built with Node 20
+- Build script `run.js` built with Node 20
 
 ### Tests
-`npm run test` - Launches pupeeter integration tests in a browser
-`npm run coverage` - run jest tests with coverage
-Jest is set up with puppeteer to run some integration tests. We're using `@swc/jest`'s rust implementation of jest to speed things up.
+Jest is set up with puppeteer to run some integration tests. We're using `@swc/jest`'s rust implementation of jest to speed things up. This is only chromium for now, but at some point it would be good to implement browserStack selenium tests to automate browser compatibility checks.
+
+`npm run test` - Launches pupeeter integration tests in a browser (in http mode only)
+`npm run coverage` - run jest tests with coverage saved to `/coverage/`
 
 
 ## Support development

__tests__/e2e.tests.js

@@ -0,0 +1,111 @@
+beforeEach(async () => {
+	const client = await page.createCDPSession()
+	await client.send('Storage.clearDataForOrigin', {
+		origin: __SERVERURL__,
+		storageTypes:
+			'cookies, local_storage, session_storage, indexeddb, websql, cache_storage, service_workers'
+	})
+	await page.goto(`${__SERVERURL__}/index-esm.html`, { waitUntil: 'domcontentloaded' })
+})
+
+describe('a fresh instance of biscuitman', () => {
+	test('should load without without consents', async () => {
+		expect(await utils.getConsent()).toBeEmpty()
+		expect(await utils.loadConsents()).toBeNull()
+	})
+
+	test('should display a UI', async () => {
+		const ui = await page.$('.biscuitman')
+		expect(ui).not.toBeNull()
+
+		const banner = await page.$('.biscuitman article')
+		expect(await banner.isVisible()).toBe(true)
+	})
+
+	test('should open settings modal after clicking settings', async () => {
+		await page.click('button[data-id=settings]')
+		const dialog = await page.$('dialog')
+		expect(await dialog.isVisible()).toBe(true)
+	})
+
+	test('should close settings modal after clicking close', async () => {
+		await page.click('button[data-id=settings]')
+		const dialog = await page.$('dialog')
+		await page.click('button[data-id=close]')
+		expect(await dialog.isVisible()).toBe(false)
+	})
+
+	test('should hide UI and save consents correctly after clicking accept', async () => {
+		await page.click('button[data-id=accept]')
+
+		const banner = await page.$('.biscuitman article')
+		expect(await banner.isVisible()).toBe(false)
+
+		let entries = [
+			['analytics', true],
+			['functional', true],
+			['advertisement', true],
+			['performance', true],
+			['uncategorized', true]
+		]
+
+		expect(await utils.getConsent()).toContainEntries(entries)
+		expect(await utils.loadConsents()).toContainEntries(entries)
+	})
+
+	test('should hide UI and save consents correctly after clicking reject', async () => {
+		await page.click('button[data-id=reject]')
+
+		const banner = await page.$('.biscuitman article')
+		expect(await banner.isVisible()).toBe(false)
+
+		let entries = [
+			['analytics', false],
+			['functional', false],
+			['advertisement', false],
+			['performance', false],
+			['uncategorized', false]
+		]
+		expect(await utils.getConsent()).toContainEntries(entries)
+		expect(await utils.loadConsents()).toContainEntries(entries)
+	})
+
+	test('should hide UI and save consents correctly after selecting some sections', async () => {
+		await page.click('button[data-id=settings]')
+		await page.click('[for=biscuitman_analytics]')
+		await page.click('[for=biscuitman_functional]')
+		await page.click('[for=biscuitman_performance]')
+
+		await page.click('button[data-id=save]')
+
+		const banner = await page.$('.biscuitman article')
+		expect(await banner.isVisible()).toBe(false)
+
+		let entries = [
+			['analytics', true],
+			['functional', true],
+			['advertisement', false],
+			['performance', true],
+			['uncategorized', false]
+		]
+
+		expect(await utils.getConsent()).toContainEntries(entries)
+		expect(await utils.loadConsents()).toContainEntries(entries)
+	})
+
+	test('should remove consent preferences when "bmInvalidate" is called', async () => {
+		await page.evaluate(() => window.bmInvalidate())
+		expect(await utils.getConsent()).toEqual({})
+		expect(await utils.loadConsents()).toBeNull()
+	})
+
+	test('should update consent preferences when "bmUpdate" is called', async () => {
+		await page.evaluate(() => window.bmUpdate())
+		const dialog = await page.$('dialog')
+		const dialogVisible = await page.evaluate(
+			(dialog) => dialog.open,
+			dialog
+		)
+		expect(dialogVisible).toBe(true)
+	})
+})

__tests__/integration.tests.js __tests__/esm-e2e.tests.js__tests__/integration.tests.js renamed to __tests__/esm-e2e.tests.js

@@ -1,3 +1,13 @@
+beforeEach(async () => {
+	const client = await page.createCDPSession()
+	await client.send('Storage.clearDataForOrigin', {
+		origin: __SERVERURL__,
+		storageTypes:
+			'cookies, local_storage, session_storage, indexeddb, websql, cache_storage, service_workers'
+	})
+	await page.goto(__SERVERURL__, { waitUntil: 'domcontentloaded' })
+})
+
 describe('a fresh instance of biscuitman', () => {
 	test('should load without without consents', async () => {
 		expect(await utils.getConsent()).toBeEmpty()

cssreport.json

@@ -1,4 +1,4 @@
-/*! biscuitman.js 0.3.13 */
+/*! biscuitman.js 0.3.14 */
 .biscuitman {
   --t: #444;
   --b: #fff;

dist/biscuitman.css

@@ -1,4 +1,4 @@
-/*! biscuitman.js 0.3.13 */
+/*! biscuitman.js 0.3.14 */
 ((d, w, Object1, h, bm)=>{
     const defaults = {
         key: 'myconsent',