create-bestax 1.1.2 → 1.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "create-bestax",
3
- "version": "1.1.2",
3
+ "version": "1.2.0",
4
4
  "description": "Create a new bestax-bulma project",
5
5
  "type": "module",
6
6
  "bin": {
@@ -16,7 +16,12 @@
16
16
  "test": "NODE_OPTIONS=\"--experimental-vm-modules\" jest",
17
17
  "test:watch": "NODE_OPTIONS=\"--experimental-vm-modules\" jest --watch",
18
18
  "test:coverage": "NODE_OPTIONS=\"--experimental-vm-modules\" jest --coverage",
19
- "lint": "eslint .",
19
+ "test:e2e": "playwright test --config=e2e/playwright.config.ts",
20
+ "test:e2e:ui": "playwright test --config=e2e/playwright.config.ts --ui",
21
+ "test:e2e:headed": "playwright test --config=e2e/playwright.config.ts --headed",
22
+ "test:e2e:update": "playwright test --config=e2e/playwright.config.ts --update-snapshots",
23
+ "test:e2e:report": "playwright show-report e2e/playwright-report",
24
+ "lint": "eslint src e2e/tests e2e/utils --ext .ts,.tsx",
20
25
  "typecheck": "tsc --noEmit",
21
26
  "format": "prettier --write \"src/**/*.{ts,tsx}\"",
22
27
  "format:check": "prettier --check \"src/**/*.{ts,tsx}\"",
@@ -43,19 +48,23 @@
43
48
  "url": "https://github.com/allxsmith/bestax/issues"
44
49
  },
45
50
  "dependencies": {
51
+ "@allxsmith/bestax-bulma": "^2.1.3",
46
52
  "chalk": "^5.3.0",
47
53
  "commander": "^12.0.0",
48
54
  "fs-extra": "^11.2.0",
49
55
  "prompts": "^2.4.2"
50
56
  },
51
57
  "devDependencies": {
58
+ "@playwright/test": "^1.48.0",
52
59
  "@types/fs-extra": "^11.0.4",
53
60
  "@types/jest": "^29.5.12",
54
61
  "@types/node": "^20.11.20",
55
62
  "@types/prompts": "^2.4.9",
63
+ "@types/wait-on": "^5.3.4",
56
64
  "jest": "^29.7.0",
57
65
  "ts-jest": "^29.1.2",
58
- "typescript": "^5.3.3"
66
+ "typescript": "^5.3.3",
67
+ "wait-on": "^8.0.1"
59
68
  },
60
69
  "engines": {
61
70
  "node": ">=18.0.0"
@@ -11,6 +11,7 @@ import {
11
11
  Section,
12
12
  Card,
13
13
  Hero,
14
+ Buttons,
14
15
  } from '@allxsmith/bestax-bulma';
15
16
  import './App.css';
16
17
 
@@ -44,7 +45,7 @@ function App() {
44
45
  bestax-bulma
45
46
  </SubTitle>
46
47
 
47
- <Columns mt="5">
48
+ <Columns>
48
49
  <Column>
49
50
  <Card>
50
51
  <Card.Header>
@@ -88,12 +89,12 @@ function App() {
88
89
  </Columns>
89
90
  </Box>
90
91
 
91
- <Box mt="5">
92
+ <Box>
92
93
  <Title size="4">Interactive Example</Title>
93
94
 
94
- <Columns isVCentered mt="4">
95
+ <Columns isVCentered>
95
96
  <Column size="half">
96
- <div className="buttons">
97
+ <Buttons>
97
98
  <Button
98
99
  color="primary"
99
100
  onClick={() => setShowNotification(!showNotification)}
@@ -112,7 +113,7 @@ function App() {
112
113
  >
113
114
  Reset
114
115
  </Button>
115
- </div>
116
+ </Buttons>
116
117
  </Column>
117
118
 
118
119
  <Column size="half">
@@ -128,7 +129,7 @@ function App() {
128
129
  )}
129
130
 
130
131
  {count > 10 && (
131
- <Notification color="info" isLight mt="3">
132
+ <Notification color="info" isLight>
132
133
  You&apos;ve clicked the button {count} times!
133
134
  </Notification>
134
135
  )}
@@ -11,6 +11,7 @@ import {
11
11
  Section,
12
12
  Card,
13
13
  Hero,
14
+ Buttons,
14
15
  } from '@allxsmith/bestax-bulma';
15
16
  import './App.css';
16
17
 
@@ -44,7 +45,7 @@ function App() {
44
45
  bestax-bulma
45
46
  </SubTitle>
46
47
 
47
- <Columns mt="5">
48
+ <Columns>
48
49
  <Column>
49
50
  <Card>
50
51
  <Card.Header>
@@ -88,12 +89,12 @@ function App() {
88
89
  </Columns>
89
90
  </Box>
90
91
 
91
- <Box mt="5">
92
+ <Box>
92
93
  <Title size="4">Interactive Example</Title>
93
94
 
94
- <Columns isVCentered mt="4">
95
+ <Columns isVCentered>
95
96
  <Column size="half">
96
- <div className="buttons">
97
+ <Buttons>
97
98
  <Button
98
99
  color="primary"
99
100
  onClick={() => setShowNotification(!showNotification)}
@@ -112,7 +113,7 @@ function App() {
112
113
  >
113
114
  Reset
114
115
  </Button>
115
- </div>
116
+ </Buttons>
116
117
  </Column>
117
118
 
118
119
  <Column size="half">
@@ -128,7 +129,7 @@ function App() {
128
129
  )}
129
130
 
130
131
  {count > 10 && (
131
- <Notification color="info" isLight mt="3">
132
+ <Notification color="info" isLight>
132
133
  You've clicked the button {count} times!
133
134
  </Notification>
134
135
  )}