@torus-engineering/tas-kit 1.10.0 → 1.12.0

package/{.claude → .tas}/commands/tas-e2e-mobile.md

@@ -1,155 +1,155 @@
-# /tas-e2e-mobile $ARGUMENTS
-
-Vai tro: SE / QA
-Generate Detox E2E test scripts tu mot E2E Scenario markdown file.
-
-## QUAN TRONG - Layer 3: Mobile E2E Scripts
-- Tao Detox test scripts tu E2E-Scenario (markdown)
-- Scripts nam trong `apps/mobile/e2e/flows/`
-- REUSE helpers tu Layer 2 functional tests (features/)
-- Chain functional test steps thanh end-to-end flows
-
-## Hanh dong
-
-### Buoc 1: Xac dinh Scenario
-1. $ARGUMENTS la path den E2E-Scenario-*.md file
-2. Neu khong co: scan `docs/epics/**/E2E-Scenario-*.md` va `docs/e2e-scenarios/E2E-Scenario-*.md`
-3. List scenarios va hoi user chon
-
-### Buoc 2: Kiem tra Prerequisites
-1. Kiem tra `apps/mobile/` ton tai. Neu khong → bao loi graceful
-2. Doc scenario file de lay:
-   - Scenario steps va flow
-   - FT ID references (cot "Builds on FT IDs")
-   - FT Reuse Map (section cuoi)
-   - Test data per environment
-   - Scenario type (single-epic / cross-epic)
-
-### Buoc 3: Tim Functional Test Helpers
-Tu FT Reuse Map trong scenario:
-1. Tim tung source file trong `apps/mobile/e2e/features/`
-2. Verify helper functions ton tai
-3. Neu helper khong ton tai → tao stub va ghi note "TODO: implement helper"
-4. Import map: FT ID → file path → function name
-
-### Buoc 4: Generate E2E Script
-
-**File output**: `apps/mobile/e2e/flows/{scenario-slug}.e2e.ts`
-
-**Structure**:
-```typescript
-/**
- * E2E Flow: {Scenario Name}
- * Scenario: {Scenario_ID}
- * Epic(s): {Epic_ID(s)}
- * Type: {single-epic | cross-epic}
- * 
- * Generated by /tas-e2e-mobile
- * Spec: {path to E2E-Scenario-*.md}
- */
-
-import { device, element, expect, by, waitFor } from 'detox';
-import { TEST_IDS } from '../test-ids';
-import { loadTestData, getCredentials } from '../helpers/data-loader';
-import { login, logout, navigateToTab } from '../helpers/test-utils';
-
-// Layer 2 helpers (reuse from functional tests)
-import { fillLoginForm, verifyLoginSuccess } from '../features/{epic}/{feature}/helpers';
-import { viewAllergenList } from '../features/{epic2}/{feature2}/helpers';
-
-const testData = loadTestData();
-
-describe('E2E Flow: {Scenario Name}', () => {
-  beforeAll(async () => {
-    await device.launchApp({ newInstance: true });
-  });
-
-  // Main Flow
-  describe('{PROJECT}_E{EPIC}_E2E_001_H: {Flow Title}', () => {
-    it('Step 1: {Action}', async () => {
-      // Reuses: AL_E002_F002_S001_FT_001_H
-      const creds = getCredentials();
-      await fillLoginForm(creds.email, creds.password);
-      await verifyLoginSuccess();
-    });
-
-    it('Step 2: {Action}', async () => {
-      // Reuses: AL_E003_F001_S001_FT_001_H
-      await viewAllergenList();
-    });
-
-    it('Step 3: {New logic - no FT reference}', async () => {
-      // New step: no functional test helper exists
-      await element(by.id(TEST_IDS.SCAN.SCREEN.CAMERA)).tap();
-      // ...
-    });
-  });
-
-  // Alternate Flow (if defined in scenario)
-  describe('{PROJECT}_E{EPIC}_E2E_002_N: {Alternate Flow}', () => {
-    it('should handle {error condition}', async () => {
-      // ...
-    });
-  });
-});
-```
-
-### Buoc 5: Update package.json Script
-Them hoac update script trong `apps/mobile/package.json`:
-```json
-"e2e:flow:{scenario-slug}": "detox test --configuration ios.sim.debug --testPathPattern='e2e/flows/{scenario-slug}'"
-```
-
-### Buoc 6: Generate Execution Report (Optional)
-Sau khi chay tests, generate report tu `.tas/templates/E2E-Execution-Report.md`:
-- Summary metrics (passed/failed/skipped)
-- Results by test ID
-- Failed test details
-- Performance metrics
-- AC coverage analysis
-
-## File Structure Output
-```
-apps/mobile/e2e/flows/
-├── {scenario-1-slug}.e2e.ts
-├── {scenario-2-slug}.e2e.ts
-└── ...
-```
-
-## Reuse Strategy
-```
-Layer 2 (features/)          Layer 3 (flows/)
-┌───────────────────┐       ┌──────────────────────┐
-│ helpers.ts        │──────>│ {scenario}.e2e.ts     │
-│  - fillLoginForm()│       │  import { fillLogin } │
-│  - verifyLogin()  │       │  import { viewList }  │
-└───────────────────┘       │                      │
-┌───────────────────┐       │  Step 1: fillLogin() │
-│ helpers.ts        │──────>│  Step 2: viewList()  │
-│  - viewList()     │       │  Step 3: new logic   │
-└───────────────────┘       └──────────────────────┘
-```
-
-## Chay Tests
-```bash
-# Chay E2E flow cu the
-yarn e2e:flow:{scenario-slug}
-
-# Chay tat ca E2E flows
-npx detox test --configuration ios.sim.debug --testPathPattern='e2e/flows/'
-
-# Chay voi Android
-npx detox test --configuration android.emu.debug --testPathPattern='e2e/flows/{scenario}'
-
-# Chay va generate report
-npx detox test --configuration ios.sim.debug --testPathPattern='e2e/flows/{scenario}' --reporters=jest-junit
-```
-
-## Nguyen tac
-- PHAI reuse helpers tu Layer 2 khi co the, KHONG viet lai logic da co
-- Moi step trong E2E flow nen tuong ung voi 1 functional test helper
-- Steps khong co FT reference → viet logic moi trong flow file
-- Scripts PHAI chay duoc tu CLI, KHONG can cua so Claude
-- Neu apps/mobile/ khong ton tai → bao loi graceful
-- describe block dung full E2E ID de grep duoc
-- import paths: relative tu flows/ len features/
+# /tas-e2e-mobile $ARGUMENTS
+
+Role: SE / QA
+Generate Detox E2E test scripts from an E2E Scenario markdown file.
+
+## IMPORTANT - Layer 3: Mobile E2E Scripts
+- Create Detox test scripts from E2E-Scenario (markdown)
+- Scripts located in `apps/mobile/e2e/flows/`
+- REUSE helpers from Layer 2 functional tests (features/)
+- Chain functional test steps into end-to-end flows
+
+## Actions
+
+### Step 1: Identify Scenario
+1. $ARGUMENTS is path to E2E-Scenario-*.md file
+2. If not provided: scan `docs/epics/**/E2E-Scenario-*.md` and `docs/e2e-scenarios/E2E-Scenario-*.md`
+3. List scenarios and ask user to choose
+
+### Step 2: Check Prerequisites
+1. Check `apps/mobile/` exists. If not → graceful error
+2. Read scenario file to get:
+   - Scenario steps and flow
+   - FT ID references ("Builds on FT IDs" column)
+   - FT Reuse Map (section at end)
+   - Test data per environment
+   - Scenario type (single-epic / cross-epic)
+
+### Step 3: Find Functional Test Helpers
+From FT Reuse Map in scenario:
+1. Find each source file in `apps/mobile/e2e/features/`
+2. Verify helper functions exist
+3. If helper doesn't exist → create stub and note "TODO: implement helper"
+4. Import map: FT ID → file path → function name
+
+### Step 4: Generate E2E Script
+
+**File output**: `apps/mobile/e2e/flows/{scenario-slug}.e2e.ts`
+
+**Structure**:
+```typescript
+/**
+ * E2E Flow: {Scenario Name}
+ * Scenario: {Scenario_ID}
+ * Epic(s): {Epic_ID(s)}
+ * Type: {single-epic | cross-epic}
+ * 
+ * Generated by /tas-e2e-mobile
+ * Spec: {path to E2E-Scenario-*.md}
+ */
+
+import { device, element, expect, by, waitFor } from 'detox';
+import { TEST_IDS } from '../test-ids';
+import { loadTestData, getCredentials } from '../helpers/data-loader';
+import { login, logout, navigateToTab } from '../helpers/test-utils';
+
+// Layer 2 helpers (reuse from functional tests)
+import { fillLoginForm, verifyLoginSuccess } from '../features/{epic}/{feature}/helpers';
+import { viewAllergenList } from '../features/{epic2}/{feature2}/helpers';
+
+const testData = loadTestData();
+
+describe('E2E Flow: {Scenario Name}', () => {
+  beforeAll(async () => {
+    await device.launchApp({ newInstance: true });
+  });
+
+  // Main Flow
+  describe('{PROJECT}_E{EPIC}_E2E_001_H: {Flow Title}', () => {
+    it('Step 1: {Action}', async () => {
+      // Reuses: AL_E002_F002_S001_FT_001_H
+      const creds = getCredentials();
+      await fillLoginForm(creds.email, creds.password);
+      await verifyLoginSuccess();
+    });
+
+    it('Step 2: {Action}', async () => {
+      // Reuses: AL_E003_F001_S001_FT_001_H
+      await viewAllergenList();
+    });
+
+    it('Step 3: {New logic - no FT reference}', async () => {
+      // New step: no functional test helper exists
+      await element(by.id(TEST_IDS.SCAN.SCREEN.CAMERA)).tap();
+      // ...
+    });
+  });
+
+  // Alternate Flow (if defined in scenario)
+  describe('{PROJECT}_E{EPIC}_E2E_002_N: {Alternate Flow}', () => {
+    it('should handle {error condition}', async () => {
+      // ...
+    });
+  });
+});
+```
+
+### Step 5: Update package.json Script
+Add or update script in `apps/mobile/package.json`:
+```json
+"e2e:flow:{scenario-slug}": "detox test --configuration ios.sim.debug --testPathPattern='e2e/flows/{scenario-slug}'"
+```
+
+### Step 6: Generate Execution Report (Optional)
+After running tests, generate report from `.tas/templates/E2E-Execution-Report.md`:
+- Summary metrics (passed/failed/skipped)
+- Results by test ID
+- Failed test details
+- Performance metrics
+- AC coverage analysis
+
+## File Structure Output
+```
+apps/mobile/e2e/flows/
+├── {scenario-1-slug}.e2e.ts
+├── {scenario-2-slug}.e2e.ts
+└── ...
+```
+
+## Reuse Strategy
+```
+Layer 2 (features/)          Layer 3 (flows/)
+┌───────────────────┐       ┌──────────────────────┐
+│ helpers.ts        │──────>│ {scenario}.e2e.ts     │
+│  - fillLoginForm()│       │  import { fillLogin } │
+│  - verifyLogin()  │       │  import { viewList }  │
+└───────────────────┘       │                      │
+┌───────────────────┐       │  Step 1: fillLogin() │
+│ helpers.ts        │──────>│  Step 2: viewList()  │
+│  - viewList()     │       │  Step 3: new logic   │
+└───────────────────┘       └──────────────────────┘
+```
+
+## Run Tests
+```bash
+# Run specific E2E flow
+yarn e2e:flow:{scenario-slug}
+
+# Run all E2E flows
+npx detox test --configuration ios.sim.debug --testPathPattern='e2e/flows/'
+
+# Run with Android
+npx detox test --configuration android.emu.debug --testPathPattern='e2e/flows/{scenario}'
+
+# Run and generate report
+npx detox test --configuration ios.sim.debug --testPathPattern='e2e/flows/{scenario}' --reporters=jest-junit
+```
+
+## Principles
+- MUST reuse helpers from Layer 2 when possible, DO NOT rewrite existing logic
+- Each step in E2E flow should correspond to 1 functional test helper
+- Steps without FT reference → write new logic in flow file
+- Scripts MUST be runnable from CLI, WITHOUT Claude window
+- If apps/mobile/ doesn't exist → graceful error
+- describe block uses full E2E ID for grep-ability
+- import paths: relative from flows/ up to features/

package/{.claude → .tas}/commands/tas-e2e-web.md

@@ -1,163 +1,163 @@
-# /tas-e2e-web $ARGUMENTS
-
-Vai tro: SE / QA
-Generate Playwright E2E test scripts tu mot E2E Scenario markdown file.
-
-## QUAN TRONG - Layer 3: Web E2E Scripts
-- Tao Playwright test scripts tu E2E-Scenario (markdown)
-- Scripts nam trong `apps/web/e2e/flows/`
-- REUSE helpers tu Layer 2 functional tests (features/)
-- Cross-browser testing (Chromium, Firefox, WebKit)
-- Chain functional test steps thanh end-to-end flows
-
-## Hanh dong
-
-### Buoc 1: Xac dinh Scenario
-1. $ARGUMENTS la path den E2E-Scenario-*.md file
-2. Neu khong co: scan `docs/epics/**/E2E-Scenario-*.md` va `docs/e2e-scenarios/E2E-Scenario-*.md`
-3. List scenarios va hoi user chon
-
-### Buoc 2: Kiem tra Prerequisites
-1. Kiem tra `apps/web/` ton tai. Neu khong → bao:
-   > "Web app chua ton tai trong project nay. Neu project chi co mobile, dung /tas-e2e-mobile."
-   > DUNG LAI, KHONG tao file.
-2. Doc scenario file de lay:
-   - Scenario steps va flow
-   - FT ID references
-   - FT Reuse Map
-   - Test data per environment
-3. Doc `apps/web/playwright.config.ts` (neu co)
-
-### Buoc 3: Tim Functional Test Helpers
-Tu FT Reuse Map trong scenario:
-1. Tim source files trong `apps/web/e2e/features/`
-2. Verify helper functions va page objects ton tai
-3. Neu helper khong ton tai → tao stub va ghi "TODO: implement helper"
-4. Import map: FT ID → file path → function name
-
-### Buoc 4: Generate E2E Script
-
-**File output**: `apps/web/e2e/flows/{scenario-slug}.spec.ts`
-
-**Structure**:
-```typescript
-/**
- * E2E Flow: {Scenario Name}
- * Scenario: {Scenario_ID}
- * Epic(s): {Epic_ID(s)}
- * Type: {single-epic | cross-epic}
- * 
- * Generated by /tas-e2e-web
- * Spec: {path to E2E-Scenario-*.md}
- */
-
-import { test, expect, Page } from '@playwright/test';
-import { loadTestData, getCredentials } from '../helpers/data-loader';
-
-// Layer 2 helpers (reuse from functional tests)
-import { fillLoginForm, verifyLoginSuccess } from '../features/{epic}/{feature}/helpers';
-import { viewAllergenList } from '../features/{epic2}/{feature2}/helpers';
-
-const testData = loadTestData();
-
-test.describe('E2E Flow: {Scenario Name}', () => {
-  test.beforeEach(async ({ page }) => {
-    await page.goto(testData.baseUrl);
-  });
-
-  // Main Flow
-  test.describe('{PROJECT}_E{EPIC}_E2E_001_H: {Flow Title}', () => {
-    test('Complete flow', async ({ page }) => {
-      // Step 1: Login (reuses AL_E002_F002_S001_FT_001_H)
-      const creds = getCredentials();
-      await fillLoginForm(page, creds.email, creds.password);
-      await verifyLoginSuccess(page);
-
-      // Step 2: View allergen list (reuses AL_E003_F001_S001_FT_001_H)
-      await viewAllergenList(page);
-
-      // Step 3: New logic (no FT reference)
-      await page.getByTestId('scan-button').click();
-      await expect(page.getByTestId('scan-result')).toBeVisible();
-    });
-  });
-
-  // Cross-browser validation
-  test.describe('{PROJECT}_E{EPIC}_E2E_001_H - Cross-browser', () => {
-    test('should complete flow on all browsers', async ({ page, browserName }) => {
-      test.info().annotations.push({ type: 'browser', description: browserName });
-      // Same flow, validated across browsers via Playwright projects config
-    });
-  });
-
-  // Alternate/Error flows
-  test.describe('{PROJECT}_E{EPIC}_E2E_002_N: {Error Flow}', () => {
-    test('should handle {error condition}', async ({ page }) => {
-      // ...
-    });
-  });
-});
-```
-
-### Buoc 5: Update package.json Script
-Them hoac update script trong `apps/web/package.json`:
-```json
-"e2e:flow:{scenario-slug}": "npx playwright test e2e/flows/{scenario-slug}"
-```
-
-### Buoc 6: Generate Execution Report (Optional)
-Tu `.tas/templates/E2E-Execution-Report.md`:
-- Bao gom browser-specific results
-- Viewport testing results
-- Performance metrics (LCP, INP, CLS)
-
-## File Structure Output
-```
-apps/web/e2e/flows/
-├── {scenario-1-slug}.spec.ts
-├── {scenario-2-slug}.spec.ts
-└── ...
-```
-
-## Reuse Strategy
-```
-Layer 2 (features/)          Layer 3 (flows/)
-┌───────────────────┐       ┌──────────────────────────┐
-│ helpers.ts        │──────>│ {scenario}.spec.ts        │
-│  - fillLogin(page)│       │  import { fillLogin }     │
-│  - verify(page)   │       │  import { viewList }      │
-└───────────────────┘       │                          │
-┌───────────────────┐       │  Step 1: fillLogin(page) │
-│ helpers.ts        │──────>│  Step 2: viewList(page)  │
-│  - viewList(page) │       │  Step 3: new logic       │
-└───────────────────┘       └──────────────────────────┘
-```
-
-Note: Web helpers nhan `page: Page` parameter (khac voi mobile dung global Detox API).
-
-## Chay Tests
-```bash
-# Chay E2E flow cu the
-yarn e2e:flow:{scenario-slug}
-
-# Chay tat ca E2E flows
-npx playwright test e2e/flows/
-
-# Chay chi tren Firefox
-npx playwright test --project=firefox e2e/flows/{scenario}
-
-# Chay voi debug UI
-npx playwright test --ui e2e/flows/{scenario}
-
-# Chay va generate HTML report
-npx playwright test e2e/flows/{scenario} --reporter=html
-```
-
-## Nguyen tac
-- PHAI reuse helpers tu Layer 2 khi co the
-- Web helpers PHAI nhan `page: Page` parameter (dependency injection)
-- Scripts PHAI chay duoc tu CLI
-- Neu apps/web/ khong ton tai → bao loi graceful, KHONG tao
-- Cross-browser: Chromium, Firefox, WebKit (tu playwright.config.ts)
-- describe block dung full E2E ID
-- import paths: relative tu flows/ len features/
+# /tas-e2e-web $ARGUMENTS
+
+Role: SE / QA
+Generate Playwright E2E test scripts from an E2E Scenario markdown file.
+
+## IMPORTANT - Layer 3: Web E2E Scripts
+- Create Playwright test scripts from E2E-Scenario (markdown)
+- Scripts located in `apps/web/e2e/flows/`
+- REUSE helpers from Layer 2 functional tests (features/)
+- Cross-browser testing (Chromium, Firefox, WebKit)
+- Chain functional test steps into end-to-end flows
+
+## Actions
+
+### Step 1: Identify Scenario
+1. $ARGUMENTS is path to E2E-Scenario-*.md file
+2. If not provided: scan `docs/epics/**/E2E-Scenario-*.md` and `docs/e2e-scenarios/E2E-Scenario-*.md`
+3. List scenarios and ask user to choose
+
+### Step 2: Check Prerequisites
+1. Check `apps/web/` exists. If not → report:
+   > "Web app doesn't exist in this project. If project only has mobile, use /tas-e2e-mobile."
+   > STOP, DO NOT create file.
+2. Read scenario file to get:
+   - Scenario steps and flow
+   - FT ID references
+   - FT Reuse Map
+   - Test data per environment
+3. Read `apps/web/playwright.config.ts` (if exists)
+
+### Step 3: Find Functional Test Helpers
+From FT Reuse Map in scenario:
+1. Find source files in `apps/web/e2e/features/`
+2. Verify helper functions and page objects exist
+3. If helper doesn't exist → create stub and note "TODO: implement helper"
+4. Import map: FT ID → file path → function name
+
+### Step 4: Generate E2E Script
+
+**File output**: `apps/web/e2e/flows/{scenario-slug}.spec.ts`
+
+**Structure**:
+```typescript
+/**
+ * E2E Flow: {Scenario Name}
+ * Scenario: {Scenario_ID}
+ * Epic(s): {Epic_ID(s)}
+ * Type: {single-epic | cross-epic}
+ * 
+ * Generated by /tas-e2e-web
+ * Spec: {path to E2E-Scenario-*.md}
+ */
+
+import { test, expect, Page } from '@playwright/test';
+import { loadTestData, getCredentials } from '../helpers/data-loader';
+
+// Layer 2 helpers (reuse from functional tests)
+import { fillLoginForm, verifyLoginSuccess } from '../features/{epic}/{feature}/helpers';
+import { viewAllergenList } from '../features/{epic2}/{feature2}/helpers';
+
+const testData = loadTestData();
+
+test.describe('E2E Flow: {Scenario Name}', () => {
+  test.beforeEach(async ({ page }) => {
+    await page.goto(testData.baseUrl);
+  });
+
+  // Main Flow
+  test.describe('{PROJECT}_E{EPIC}_E2E_001_H: {Flow Title}', () => {
+    test('Complete flow', async ({ page }) => {
+      // Step 1: Login (reuses AL_E002_F002_S001_FT_001_H)
+      const creds = getCredentials();
+      await fillLoginForm(page, creds.email, creds.password);
+      await verifyLoginSuccess(page);
+
+      // Step 2: View allergen list (reuses AL_E003_F001_S001_FT_001_H)
+      await viewAllergenList(page);
+
+      // Step 3: New logic (no FT reference)
+      await page.getByTestId('scan-button').click();
+      await expect(page.getByTestId('scan-result')).toBeVisible();
+    });
+  });
+
+  // Cross-browser validation
+  test.describe('{PROJECT}_E{EPIC}_E2E_001_H - Cross-browser', () => {
+    test('should complete flow on all browsers', async ({ page, browserName }) => {
+      test.info().annotations.push({ type: 'browser', description: browserName });
+      // Same flow, validated across browsers via Playwright projects config
+    });
+  });
+
+  // Alternate/Error flows
+  test.describe('{PROJECT}_E{EPIC}_E2E_002_N: {Error Flow}', () => {
+    test('should handle {error condition}', async ({ page }) => {
+      // ...
+    });
+  });
+});
+```
+
+### Step 5: Update package.json Script
+Add or update script in `apps/web/package.json`:
+```json
+"e2e:flow:{scenario-slug}": "npx playwright test e2e/flows/{scenario-slug}"
+```
+
+### Step 6: Generate Execution Report (Optional)
+From `.tas/templates/E2E-Execution-Report.md`:
+- Include browser-specific results
+- Viewport testing results
+- Performance metrics (LCP, INP, CLS)
+
+## File Structure Output
+```
+apps/web/e2e/flows/
+├── {scenario-1-slug}.spec.ts
+├── {scenario-2-slug}.spec.ts
+└── ...
+```
+
+## Reuse Strategy
+```
+Layer 2 (features/)          Layer 3 (flows/)
+┌───────────────────┐       ┌──────────────────────────┐
+│ helpers.ts        │──────>│ {scenario}.spec.ts        │
+│  - fillLogin(page)│       │  import { fillLogin }     │
+│  - verify(page)   │       │  import { viewList }      │
+└───────────────────┘       │                          │
+┌───────────────────┐       │  Step 1: fillLogin(page) │
+│ helpers.ts        │──────>│  Step 2: viewList(page)  │
+│  - viewList(page) │       │  Step 3: new logic       │
+└───────────────────┘       └──────────────────────────┘
+```
+
+Note: Web helpers receive `page: Page` parameter (unlike mobile using global Detox API).
+
+## Run Tests
+```bash
+# Run specific E2E flow
+yarn e2e:flow:{scenario-slug}
+
+# Run all E2E flows
+npx playwright test e2e/flows/
+
+# Run only on Firefox
+npx playwright test --project=firefox e2e/flows/{scenario}
+
+# Run with debug UI
+npx playwright test --ui e2e/flows/{scenario}
+
+# Run and generate HTML report
+npx playwright test e2e/flows/{scenario} --reporter=html
+```
+
+## Principles
+- MUST reuse helpers from Layer 2 when possible
+- Web helpers MUST receive `page: Page` parameter (dependency injection)
+- Scripts MUST be runnable from CLI
+- If apps/web/ doesn't exist → graceful error, DO NOT create
+- Cross-browser: Chromium, Firefox, WebKit (from playwright.config.ts)
+- describe block uses full E2E ID
+- import paths: relative from flows/ up to features/