Flatten repo as we just have one package

Author: RoyalIcing

LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2020 Royal Icing
+Copyright (c) 2020 Patrick Smith
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal
@@ -18,4 +18,4 @@ FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
+SOFTWARE.

Makefile

@@ -1,21 +1,11 @@
-all_packages_json := $(wildcard packages/**/package.json)
-all_packages_dirs := $(basename $(dir $(all_packages_json)))
-
-list:
-	@echo $(all_packages_dirs)
-
-.PHONY: $(all_packages_dirs)
-$(foreach package_dir,$(all_packages_dirs),$(package_dir)):
-	cd $@ && pwd
-
 install:
-	cd packages/core && npm ci
+	npm ci
 
 test:
-	cd packages/core && npm run test
+	npm t
 
 build:
-	cd packages/core && npm run build
+	npm run build
 
 toc:
 	npx doctoc README.md --maxlevel 3 --notitle

README.md

@@ -3,7 +3,7 @@
 
 <p style="font-size: 400%; line-height: 1; margin: 0">🎬</p>
 
-<p>Test if your component fits a role.</p>
+<p>Test that your components can play the accessibility roles we need.</p>
 
 </div>
 
@@ -16,6 +16,7 @@
   - [Tabs](#tabs)
   - [Checkboxes](#checkboxes)
   - [Menus](#menus)
+  - [Scene](#scene)
 
 <!-- END doctoc generated TOC please keep comment here to allow auto update -->
 
@@ -34,34 +35,34 @@
 #### Examples
 
 ```ts
-import { screenTest, tablist, tabs, tab, tabpanel } from "auditioner";
+import { screenTest, tablist, tabs, tab, tabpanel } from 'auditioner';
 
-describe("your tabs component", () => {
+describe('your tabs component', () => {
   beforeEach(() => render(<Tabs />));
 
-  it("renders 3 tabs", () => {
+  it('renders 3 tabs', () => {
     expect(screenTest(tabs())).toHaveLength(3);
   });
 
-  it("selects first tab", () => {
-    expect(screenTest(tab("First").selected)).toBeInTheDocument();
+  it('selects first tab', () => {
+    expect(screenTest(tab('First').selected)).toBeInTheDocument();
   });
 
-  it("renders first tabpanel", () => {
-    expect(screenTest(tabpanel())).toHaveTextContent("First panel");
+  it('renders first tabpanel', () => {
+    expect(screenTest(tabpanel())).toHaveTextContent('First panel');
   });
 
-  describe("when clicking on second tab", () => {
+  describe('when clicking on second tab', () => {
     beforeEach(() => {
-      user.click(screenTest(tab("Second")));
+      user.click(screenTest(tab('Second')));
     });
 
-    it("selects second tab", () => {
-      expect(screenTest(tab("Second").selected)).toBeInTheDocument();
+    it('selects second tab', () => {
+      expect(screenTest(tab('Second').selected)).toBeInTheDocument();
     });
 
-    it("renders second tabpanel", () => {
-      expect(screenTest(tabpanel())).toHaveTextContent("Second panel");
+    it('renders second tabpanel', () => {
+      expect(screenTest(tabpanel())).toHaveTextContent('Second panel');
     });
   });
 });
@@ -72,18 +73,18 @@ describe("your tabs component", () => {
 #### Examples
 
 ```ts
-import { checkbox, checkboxes, screenTest } from "auditioner";
+import { checkbox, checkboxes, screenTest } from 'auditioner';
 
-describe("your form component", () => {
+describe('your form component', () => {
   beforeEach(() => {
     render(<YourForm />);
   });
 
-  it("has First checkbox", () => {
-    expect(screenTest(checkbox("First"))).toBeInTheDocument();
+  it('has First checkbox', () => {
+    expect(screenTest(checkbox('First'))).toBeInTheDocument();
   });
 
-  it("has 3 checkboxes", () => {
+  it('has 3 checkboxes', () => {
     expect(screenTest(checkboxes())).toHaveLength(3);
   });
 });
@@ -94,30 +95,30 @@ describe("your form component", () => {
 #### Examples
 
 ```ts
-import { button, menu, menuitem, menuitems, screenTest } from "auditioner";
-import user from "@testing-library/user-event";
+import { button, menu, menuitem, menuitems, screenTest } from 'auditioner';
+import user from '@testing-library/user-event';
 
-describe("your menu component", () => {
+describe('your menu component', () => {
   beforeEach(() => {
     render(<YourMenu />);
   });
 
-  describe("when action menu is clicked", () => {
-    beforeEach(() => user.click(screenTest(button("Actions"))));
+  describe('when action menu is clicked', () => {
+    beforeEach(() => user.click(screenTest(button('Actions'))));
 
-    it("opens menu", () => {
-      expect(screenTest(menu("Actions"))).toBeVisible();
+    it('opens menu', () => {
+      expect(screenTest(menu('Actions'))).toBeVisible();
     });
 
-    it("has Cut item", () => {
-      expect(screenTest(menuitem("Actions"))).toBeVisible();
+    it('has Cut item', () => {
+      expect(screenTest(menuitem('Actions'))).toBeVisible();
     });
 
-    it("has Cut, Copy, Paste items", () => {
+    it('has Cut, Copy, Paste items', () => {
       const [cut, copy, paste] = screenTest(menuitems());
-      expect(cut).toHaveTextContent("Cut");
-      expect(copy).toHaveTextContent("Copy");
-      expect(paste).toHaveTextContent("Paste");
+      expect(cut).toHaveTextContent('Cut');
+      expect(copy).toHaveTextContent('Copy');
+      expect(paste).toHaveTextContent('Paste');
     });
   });
 });
@@ -126,15 +127,15 @@ describe("your menu component", () => {
 ### Scene
 
 ```ts
-import { scene } from "auditioner";
+import { scene } from 'auditioner';
 
 expect(
   screenTest(
     scene(
-      form("Sign up", [
-        textbox("Email address"),
-        textbox("Password"),
-        button("Sign up"),
+      form('Sign up', [
+        textbox('Email address'),
+        textbox('Password'),
+        button('Sign up'),
       ])
     )
   )