Persist and restore selected project and environment across page reloads

- Add refreshOrganization/refreshProject/refreshEnvironment to context store — update value and localStorage without clearing child selections
- OrgSelector: use refreshOrganization when same org is already stored, preventing the chain that was clearing project and environment
- ProjectSelector: watch org ID (not object ref) so refresh doesn't retrigger; add autoSelectProject to restore stored project or auto-select single project
- EnvironmentTabBar: watch project ID; skip env-clear on initial mount; add autoSelectEnvironment to restore stored env or fall back to first
- Fix test fixtures missing isPrimary field; update EnvironmentTabBar tests to match v-select implementation; add tests for restore behavior
This commit is contained in:
2026-06-11 11:26:19 -07:00
parent 1fddec7281
commit c57a13b350
22 changed files with 251 additions and 71 deletions

View File

@@ -29,7 +29,7 @@
</v-tabs> </v-tabs>
<v-divider /> <v-divider />
<v-card-text class="pa-0" style="height: 480px; overflow-y: auto;"> <v-card-text class="pa-0" style="height: 580px; overflow-y: auto;">
<v-tabs-window v-model="activeTab"> <v-tabs-window v-model="activeTab">
<!-- Value tab --> <!-- Value tab -->
<v-tabs-window-item value="value" class="pa-6"> <v-tabs-window-item value="value" class="pa-6">

View File

@@ -33,6 +33,7 @@
<v-form ref="createFormRef" @submit.prevent="onCreateTag"> <v-form ref="createFormRef" @submit.prevent="onCreateTag">
<div class="d-flex align-center ga-2"> <div class="d-flex align-center ga-2">
<v-text-field <v-text-field
ref="tagLabelInputRef"
v-model="newTagLabel" v-model="newTagLabel"
label="Tag name" label="Tag name"
variant="outlined" variant="outlined"
@@ -47,6 +48,7 @@
style="width:36px;height:36px;border:none;padding:2px;cursor:pointer;border-radius:4px" style="width:36px;height:36px;border:none;padding:2px;cursor:pointer;border-radius:4px"
title="Tag colour" title="Tag colour"
data-testid="new-tag-color-input" data-testid="new-tag-color-input"
@blur="focusTagLabel"
/> />
<v-btn <v-btn
icon="ri-check-line" icon="ri-check-line"
@@ -99,7 +101,7 @@
</template> </template>
<script setup lang="ts"> <script setup lang="ts">
import { ref, onMounted } from 'vue'; import { ref, onMounted, watch, nextTick } from 'vue';
import { listTags, createTag, deleteTag } from '@/api/tags'; import { listTags, createTag, deleteTag } from '@/api/tags';
import { useContextStore } from '@/stores/context'; import { useContextStore } from '@/stores/context';
import type { TagResponse } from '@/types/api'; import type { TagResponse } from '@/types/api';
@@ -114,6 +116,15 @@ const newTagLabel = ref('');
const newTagColor = ref('#1565C0'); const newTagColor = ref('#1565C0');
const errorMessage = ref<string | null>(null); const errorMessage = ref<string | null>(null);
const createFormRef = ref<{ validate: () => Promise<{ valid: boolean }> } | null>(null); const createFormRef = ref<{ validate: () => Promise<{ valid: boolean }> } | null>(null);
const tagLabelInputRef = ref<{ focus: () => void } | null>(null);
function focusTagLabel(): void {
nextTick(() => tagLabelInputRef.value?.focus());
}
watch(showCreateForm, (open) => {
if (open) focusTagLabel();
});
const rules = { const rules = {
required: (v: string) => !!v || 'Tag name is required', required: (v: string) => !!v || 'Tag name is required',

View File

@@ -86,14 +86,25 @@ async function fetchEnvironments(projectId: number): Promise<void> {
isLoading.value = true; isLoading.value = true;
try { try {
environments.value = await listEnvironments(projectId); environments.value = await listEnvironments(projectId);
if (environments.value.length > 0 && !contextStore.currentEnvironment) { autoSelectEnvironment();
contextStore.setEnvironment(environments.value[0]);
}
} finally { } finally {
isLoading.value = false; isLoading.value = false;
} }
} }
function autoSelectEnvironment(): void {
if (contextStore.currentEnvironment) {
const fresh = environments.value.find(e => e.id === contextStore.currentEnvironment!.id);
if (fresh) {
contextStore.refreshEnvironment(fresh);
return;
}
}
if (environments.value.length > 0) {
contextStore.setEnvironment(environments.value[0]);
}
}
function onEnvironmentSelected(env: EnvironmentResponse | null): void { function onEnvironmentSelected(env: EnvironmentResponse | null): void {
if (env) contextStore.setEnvironment(env); if (env) contextStore.setEnvironment(env);
} }
@@ -127,11 +138,12 @@ async function onCreateConfirm(): Promise<void> {
} }
watch( watch(
() => contextStore.currentProject, () => contextStore.currentProject?.id,
(project) => { (projectId, oldProjectId) => {
if (projectId === oldProjectId) return;
environments.value = []; environments.value = [];
contextStore.setEnvironment(null); if (oldProjectId !== undefined) contextStore.setEnvironment(null);
if (project) fetchEnvironments(project.id); if (projectId) fetchEnvironments(projectId);
}, },
{ immediate: true }, { immediate: true },
); );

View File

@@ -96,7 +96,7 @@ function autoSelectOrganization(): void {
if (contextStore.currentOrganization) { if (contextStore.currentOrganization) {
// Refresh stored org with latest data from API (name may have changed) // Refresh stored org with latest data from API (name may have changed)
const fresh = organizations.value.find(o => o.id === contextStore.currentOrganization!.id); const fresh = organizations.value.find(o => o.id === contextStore.currentOrganization!.id);
if (fresh) contextStore.setOrganization(fresh); if (fresh) contextStore.refreshOrganization(fresh);
return; return;
} }

View File

@@ -86,11 +86,27 @@ async function fetchProjects(organizationId: number): Promise<void> {
isLoading.value = true; isLoading.value = true;
try { try {
projects.value = await listProjects(organizationId); projects.value = await listProjects(organizationId);
autoSelectProject();
} finally { } finally {
isLoading.value = false; isLoading.value = false;
} }
} }
function autoSelectProject(): void {
if (contextStore.currentProject) {
const fresh = projects.value.find(p => p.id === contextStore.currentProject!.id);
if (fresh) {
contextStore.refreshProject(fresh);
return;
}
contextStore.setProject(null);
return;
}
if (projects.value.length === 1) {
contextStore.setProject(projects.value[0]);
}
}
function onProjectSelected(project: ProjectResponse | null): void { function onProjectSelected(project: ProjectResponse | null): void {
contextStore.setProject(project); contextStore.setProject(project);
} }
@@ -124,12 +140,11 @@ async function onCreateConfirm(): Promise<void> {
} }
watch( watch(
() => contextStore.currentOrganization, () => contextStore.currentOrganization?.id,
(org) => { (orgId, oldOrgId) => {
if (orgId === oldOrgId) return;
projects.value = []; projects.value = [];
if (org) { if (orgId) fetchProjects(orgId);
fetchProjects(org.id);
}
}, },
{ immediate: true }, { immediate: true },
); );

View File

@@ -46,6 +46,21 @@ export const useContextStore = defineStore('context', () => {
} }
} }
function refreshOrganization(org: OrganizationResponse): void {
currentOrganization.value = org;
localStorage.setItem(STORAGE_KEYS.organization, JSON.stringify(org));
}
function refreshProject(project: ProjectResponse): void {
currentProject.value = project;
localStorage.setItem(STORAGE_KEYS.project, JSON.stringify(project));
}
function refreshEnvironment(environment: EnvironmentResponse): void {
currentEnvironment.value = environment;
localStorage.setItem(STORAGE_KEYS.environment, JSON.stringify(environment));
}
function loadFromStorage(): void { function loadFromStorage(): void {
try { try {
const orgRaw = localStorage.getItem(STORAGE_KEYS.organization); const orgRaw = localStorage.getItem(STORAGE_KEYS.organization);
@@ -79,6 +94,9 @@ export const useContextStore = defineStore('context', () => {
setOrganization, setOrganization,
setProject, setProject,
setEnvironment, setEnvironment,
refreshOrganization,
refreshProject,
refreshEnvironment,
loadFromStorage, loadFromStorage,
clearContext, clearContext,
}; };

View File

@@ -56,13 +56,6 @@ describe('EnvironmentTabBar', () => {
expect(envApi.listEnvironments).not.toHaveBeenCalled(); expect(envApi.listEnvironments).not.toHaveBeenCalled();
}); });
it('ThenNoProjectMessageIsShown', async () => {
const wrapper = mountComponent();
await flushPromises();
expect(wrapper.find('[data-testid="env-no-project-message"]').exists()).toBe(true);
});
it('ThenCreateEnvironmentButtonIsDisabled', async () => { it('ThenCreateEnvironmentButtonIsDisabled', async () => {
const wrapper = mountComponent(); const wrapper = mountComponent();
await flushPromises(); await flushPromises();
@@ -84,7 +77,7 @@ describe('EnvironmentTabBar', () => {
expect(envApi.listEnvironments).toHaveBeenCalledWith(mockProject.id); expect(envApi.listEnvironments).toHaveBeenCalledWith(mockProject.id);
}); });
it('ThenEnvironmentChipsAreRendered', async () => { it('ThenEnvironmentSelectIsEnabled', async () => {
jest.mocked(envApi.listEnvironments).mockResolvedValue(mockEnvironments); jest.mocked(envApi.listEnvironments).mockResolvedValue(mockEnvironments);
const contextStore = useContextStore(); const contextStore = useContextStore();
@@ -93,8 +86,7 @@ describe('EnvironmentTabBar', () => {
contextStore.setProject(mockProject); contextStore.setProject(mockProject);
await flushPromises(); await flushPromises();
expect(wrapper.find('[data-testid="env-chip-development"]').exists()).toBe(true); expect(wrapper.find('[data-testid="env-select"]').attributes('disabled')).toBeUndefined();
expect(wrapper.find('[data-testid="env-chip-production"]').exists()).toBe(true);
}); });
it('ThenFirstEnvironmentIsAutoSelected', async () => { it('ThenFirstEnvironmentIsAutoSelected', async () => {
@@ -122,7 +114,7 @@ describe('EnvironmentTabBar', () => {
}); });
}); });
describe('WhenEnvironmentChipIsClicked', () => { describe('WhenEnvironmentIsSelected', () => {
it('ThenContextStoreIsUpdatedWithSelectedEnvironment', async () => { it('ThenContextStoreIsUpdatedWithSelectedEnvironment', async () => {
jest.mocked(envApi.listEnvironments).mockResolvedValue(mockEnvironments); jest.mocked(envApi.listEnvironments).mockResolvedValue(mockEnvironments);
@@ -132,7 +124,7 @@ describe('EnvironmentTabBar', () => {
contextStore.setProject(mockProject); contextStore.setProject(mockProject);
await flushPromises(); await flushPromises();
await wrapper.findComponent({ name: 'VChipGroup' }).vm.$emit('update:modelValue', 1); await wrapper.findComponent({ name: 'VSelect' }).vm.$emit('update:modelValue', mockEnvironments[1]);
expect(contextStore.currentEnvironment).toEqual(mockEnvironments[1]); expect(contextStore.currentEnvironment).toEqual(mockEnvironments[1]);
}); });
@@ -158,16 +150,49 @@ describe('EnvironmentTabBar', () => {
}); });
describe('WhenApiReturnsNoEnvironments', () => { describe('WhenApiReturnsNoEnvironments', () => {
it('ThenEmptyMessageIsDisplayed', async () => { it('ThenNoEnvironmentIsAutoSelected', async () => {
jest.mocked(envApi.listEnvironments).mockResolvedValue([]); jest.mocked(envApi.listEnvironments).mockResolvedValue([]);
const contextStore = useContextStore(); const contextStore = useContextStore();
const wrapper = mountComponent(); mountComponent();
contextStore.setProject(mockProject); contextStore.setProject(mockProject);
await flushPromises(); await flushPromises();
expect(wrapper.find('[data-testid="env-empty-message"]').exists()).toBe(true); expect(contextStore.currentEnvironment).toBeNull();
});
});
describe('WhenStoredEnvironmentExistsInContextStore', () => {
it('ThenStoredEnvironmentIsRestoredAfterFetch', async () => {
jest.mocked(envApi.listEnvironments).mockResolvedValue(mockEnvironments);
const contextStore = useContextStore();
contextStore.setProject(mockProject);
contextStore.setEnvironment(mockEnvironments[1]);
mountComponent();
await flushPromises();
expect(contextStore.currentEnvironment).toEqual(mockEnvironments[1]);
});
it('ThenEnvironmentIsClearedWhenProjectChanges', async () => {
jest.mocked(envApi.listEnvironments).mockResolvedValue(mockEnvironments);
const contextStore = useContextStore();
contextStore.setProject(mockProject);
contextStore.setEnvironment(mockEnvironments[0]);
mountComponent();
await flushPromises();
const newProject: ProjectResponse = { ...mockProject, id: 20, name: 'Mobile' };
jest.mocked(envApi.listEnvironments).mockResolvedValue([]);
contextStore.setProject(newProject);
await flushPromises();
expect(contextStore.currentEnvironment).toBeNull();
}); });
}); });

View File

@@ -18,8 +18,8 @@ import * as orgsApi from '@/api/organizations';
const dialogStub = { template: '<div><slot /></div>' }; const dialogStub = { template: '<div><slot /></div>' };
const mockOrgs: OrganizationResponse[] = [ const mockOrgs: OrganizationResponse[] = [
{ id: 1, name: 'Acme Corp', createdAt: '2026-01-01T00:00:00Z' }, { id: 1, name: 'Acme Corp', createdAt: '2026-01-01T00:00:00Z', isPrimary: false },
{ id: 2, name: 'Globex', createdAt: '2026-01-01T00:00:00Z' }, { id: 2, name: 'Globex', createdAt: '2026-01-01T00:00:00Z', isPrimary: false },
]; ];
function mountComponent() { function mountComponent() {
@@ -132,7 +132,7 @@ describe('OrgSelector', () => {
}); });
describe('WhenCreateOrganizationIsConfirmed', () => { describe('WhenCreateOrganizationIsConfirmed', () => {
const newOrg: OrganizationResponse = { id: 3, name: 'New Org', createdAt: '2026-04-13T00:00:00Z' }; const newOrg: OrganizationResponse = { id: 3, name: 'New Org', createdAt: '2026-04-13T00:00:00Z', isPrimary: false };
it('ThenCreateOrganizationApiIsCalled', async () => { it('ThenCreateOrganizationApiIsCalled', async () => {
jest.mocked(orgsApi.listOrganizations).mockResolvedValue([]); jest.mocked(orgsApi.listOrganizations).mockResolvedValue([]);

View File

@@ -17,7 +17,7 @@ import * as projectsApi from '@/api/projects';
const dialogStub = { template: '<div><slot /></div>' }; const dialogStub = { template: '<div><slot /></div>' };
const mockOrg: OrganizationResponse = { id: 1, name: 'Acme', createdAt: '2026-01-01T00:00:00Z' }; const mockOrg: OrganizationResponse = { id: 1, name: 'Acme', createdAt: '2026-01-01T00:00:00Z', isPrimary: false };
const mockProjects: ProjectResponse[] = [ const mockProjects: ProjectResponse[] = [
{ id: 10, name: 'Website', organizationId: 1, hideDisabledFlags: false, createdAt: '2026-01-01T00:00:00Z' }, { id: 10, name: 'Website', organizationId: 1, hideDisabledFlags: false, createdAt: '2026-01-01T00:00:00Z' },
{ id: 11, name: 'Mobile App', organizationId: 1, hideDisabledFlags: false, createdAt: '2026-01-01T00:00:00Z' }, { id: 11, name: 'Mobile App', organizationId: 1, hideDisabledFlags: false, createdAt: '2026-01-01T00:00:00Z' },
@@ -104,6 +104,54 @@ describe('ProjectSelector', () => {
}); });
}); });
describe('WhenStoredProjectExistsInContextStore', () => {
it('ThenStoredProjectIsRestoredAfterFetch', async () => {
jest.mocked(projectsApi.listProjects).mockResolvedValue(mockProjects);
const contextStore = useContextStore();
contextStore.setOrganization(mockOrg);
contextStore.setProject(mockProjects[1]);
mountComponent();
await flushPromises();
expect(contextStore.currentProject).toEqual(mockProjects[1]);
});
it('ThenProjectIsClearedWhenNotFoundInNewOrg', async () => {
jest.mocked(projectsApi.listProjects).mockResolvedValue(mockProjects);
const contextStore = useContextStore();
contextStore.setOrganization(mockOrg);
contextStore.setProject(mockProjects[0]);
mountComponent();
await flushPromises();
const newOrg: OrganizationResponse = { id: 2, name: 'Globex', createdAt: '2026-01-01T00:00:00Z', isPrimary: false };
jest.mocked(projectsApi.listProjects).mockResolvedValue([]);
contextStore.setOrganization(newOrg);
await flushPromises();
expect(contextStore.currentProject).toBeNull();
});
});
describe('WhenSingleProjectIsAvailable', () => {
it('ThenItIsAutoSelected', async () => {
const singleProject = mockProjects[0];
jest.mocked(projectsApi.listProjects).mockResolvedValue([singleProject]);
const contextStore = useContextStore();
mountComponent();
contextStore.setOrganization(mockOrg);
await flushPromises();
expect(contextStore.currentProject).toEqual(singleProject);
});
});
describe('WhenOrganizationChanges', () => { describe('WhenOrganizationChanges', () => {
it('ThenProjectsAreReloaded', async () => { it('ThenProjectsAreReloaded', async () => {
jest.mocked(projectsApi.listProjects).mockResolvedValue(mockProjects); jest.mocked(projectsApi.listProjects).mockResolvedValue(mockProjects);
@@ -114,7 +162,7 @@ describe('ProjectSelector', () => {
contextStore.setOrganization(mockOrg); contextStore.setOrganization(mockOrg);
await flushPromises(); await flushPromises();
const newOrg: OrganizationResponse = { id: 2, name: 'Globex', createdAt: '2026-01-01T00:00:00Z' }; const newOrg: OrganizationResponse = { id: 2, name: 'Globex', createdAt: '2026-01-01T00:00:00Z', isPrimary: false };
contextStore.setOrganization(newOrg); contextStore.setOrganization(newOrg);
await flushPromises(); await flushPromises();

View File

@@ -46,7 +46,7 @@ describe('FeatureDetail', () => {
setActivePinia(createPinia()); setActivePinia(createPinia());
jest.clearAllMocks(); jest.clearAllMocks();
const contextStore = useContextStore(); const contextStore = useContextStore();
contextStore.setOrganization({ id: 1, name: 'Acme', createdAt: '' }); contextStore.setOrganization({ id: 1, name: 'Acme', createdAt: '', isPrimary: false });
contextStore.setProject(mockProject); contextStore.setProject(mockProject);
contextStore.setEnvironment({ id: 100, name: 'Development', apiKey: 'env-dev', projectId: 10, createdAt: '' }); contextStore.setEnvironment({ id: 100, name: 'Development', apiKey: 'env-dev', projectId: 10, createdAt: '' });
}); });

View File

@@ -39,7 +39,7 @@ describe('FeatureDialog', () => {
setActivePinia(createPinia()); setActivePinia(createPinia());
jest.clearAllMocks(); jest.clearAllMocks();
const contextStore = useContextStore(); const contextStore = useContextStore();
contextStore.setOrganization({ id: 1, name: 'Acme', createdAt: '' }); contextStore.setOrganization({ id: 1, name: 'Acme', createdAt: '', isPrimary: false });
contextStore.setProject(mockProject); contextStore.setProject(mockProject);
}); });

View File

@@ -33,7 +33,7 @@ describe('TagsChipInput', () => {
setActivePinia(createPinia()); setActivePinia(createPinia());
jest.clearAllMocks(); jest.clearAllMocks();
const contextStore = useContextStore(); const contextStore = useContextStore();
contextStore.setOrganization({ id: 1, name: 'Acme', createdAt: '' }); contextStore.setOrganization({ id: 1, name: 'Acme', createdAt: '', isPrimary: false });
contextStore.setProject(mockProject); contextStore.setProject(mockProject);
}); });

View File

@@ -60,7 +60,7 @@ describe('IdentityDetail', () => {
setActivePinia(createPinia()); setActivePinia(createPinia());
jest.clearAllMocks(); jest.clearAllMocks();
const contextStore = useContextStore(); const contextStore = useContextStore();
contextStore.setOrganization({ id: 1, name: 'Acme', createdAt: '' }); contextStore.setOrganization({ id: 1, name: 'Acme', createdAt: '', isPrimary: false });
contextStore.setProject(mockProject); contextStore.setProject(mockProject);
contextStore.setEnvironment(mockEnv); contextStore.setEnvironment(mockEnv);

View File

@@ -42,7 +42,7 @@ describe('SegmentEditor', () => {
setActivePinia(createPinia()); setActivePinia(createPinia());
jest.clearAllMocks(); jest.clearAllMocks();
const contextStore = useContextStore(); const contextStore = useContextStore();
contextStore.setOrganization({ id: 1, name: 'Acme', createdAt: '' }); contextStore.setOrganization({ id: 1, name: 'Acme', createdAt: '', isPrimary: false });
contextStore.setProject(mockProject); contextStore.setProject(mockProject);
}); });

View File

@@ -3,7 +3,7 @@ import { setActivePinia, createPinia } from 'pinia';
import { useContextStore } from '@/stores/context'; import { useContextStore } from '@/stores/context';
import type { OrganizationResponse, ProjectResponse, EnvironmentResponse } from '@/types/api'; import type { OrganizationResponse, ProjectResponse, EnvironmentResponse } from '@/types/api';
const mockOrg: OrganizationResponse = { id: 1, name: 'Acme', createdAt: '2026-01-01T00:00:00Z' }; const mockOrg: OrganizationResponse = { id: 1, name: 'Acme', createdAt: '2026-01-01T00:00:00Z', isPrimary: false };
const mockProject: ProjectResponse = { const mockProject: ProjectResponse = {
id: 10, id: 10,
name: 'Website', name: 'Website',
@@ -119,6 +119,57 @@ describe('useContextStore', () => {
}); });
}); });
describe('WhenRefreshOrganizationIsCalled', () => {
it('ThenOrgIsUpdatedWithoutClearingProjectOrEnvironment', () => {
const store = useContextStore();
store.setOrganization(mockOrg);
store.setProject(mockProject);
store.setEnvironment(mockEnv);
const updatedOrg = { ...mockOrg, name: 'Acme Updated' };
store.refreshOrganization(updatedOrg);
expect(store.currentOrganization).toEqual(updatedOrg);
expect(store.currentProject).toEqual(mockProject);
expect(store.currentEnvironment).toEqual(mockEnv);
});
it('ThenOrgIsPersistedToLocalStorage', () => {
const store = useContextStore();
const updatedOrg = { ...mockOrg, name: 'Acme Updated' };
store.refreshOrganization(updatedOrg);
const stored = JSON.parse(localStorage.getItem('mic_ctx_organization')!);
expect(stored).toEqual(updatedOrg);
});
});
describe('WhenRefreshProjectIsCalled', () => {
it('ThenProjectIsUpdatedWithoutClearingEnvironment', () => {
const store = useContextStore();
store.setProject(mockProject);
store.setEnvironment(mockEnv);
const updatedProject = { ...mockProject, name: 'Website Updated' };
store.refreshProject(updatedProject);
expect(store.currentProject).toEqual(updatedProject);
expect(store.currentEnvironment).toEqual(mockEnv);
});
});
describe('WhenRefreshEnvironmentIsCalled', () => {
it('ThenEnvironmentIsUpdatedAndPersisted', () => {
const store = useContextStore();
const updatedEnv = { ...mockEnv, name: 'Production Updated' };
store.refreshEnvironment(updatedEnv);
expect(store.currentEnvironment).toEqual(updatedEnv);
const stored = JSON.parse(localStorage.getItem('mic_ctx_environment')!);
expect(stored).toEqual(updatedEnv);
});
});
describe('WhenClearContextIsCalled', () => { describe('WhenClearContextIsCalled', () => {
it('ThenAllContextIsRemovedFromStateAndStorage', () => { it('ThenAllContextIsRemovedFromStateAndStorage', () => {
const store = useContextStore(); const store = useContextStore();

View File

@@ -23,12 +23,12 @@ const mockLogs: AuditLogResponse[] = [
{ {
id: 1, resourceType: 'Feature', resourceId: '42', action: 'Created', id: 1, resourceType: 'Feature', resourceId: '42', action: 'Created',
changes: null, organizationId: 1, projectId: 10, environmentId: null, changes: null, organizationId: 1, projectId: 10, environmentId: null,
actorUserId: 5, createdAt: '2026-01-10T10:00:00Z', actorUserId: 5, actorUserName: 'Alice', createdAt: '2026-01-10T10:00:00Z',
}, },
{ {
id: 2, resourceType: 'FeatureState', resourceId: '99', action: 'Updated', id: 2, resourceType: 'FeatureState', resourceId: '99', action: 'Updated',
changes: '{"enabled":true}', organizationId: 1, projectId: 10, environmentId: 100, changes: '{"enabled":true}', organizationId: 1, projectId: 10, environmentId: 100,
actorUserId: 5, createdAt: '2026-01-11T11:00:00Z', actorUserId: 5, actorUserName: 'Alice', createdAt: '2026-01-11T11:00:00Z',
}, },
]; ];
@@ -58,7 +58,7 @@ describe('AuditLogsView', () => {
}); });
const contextStore = useContextStore(); const contextStore = useContextStore();
contextStore.setOrganization({ id: 1, name: 'Acme', createdAt: '' }); contextStore.setOrganization({ id: 1, name: 'Acme', createdAt: '', isPrimary: false });
contextStore.setProject(mockProject); contextStore.setProject(mockProject);
mountView(); mountView();
@@ -76,7 +76,7 @@ describe('AuditLogsView', () => {
}); });
const contextStore = useContextStore(); const contextStore = useContextStore();
contextStore.setOrganization({ id: 1, name: 'Acme', createdAt: '' }); contextStore.setOrganization({ id: 1, name: 'Acme', createdAt: '', isPrimary: false });
contextStore.setProject(mockProject); contextStore.setProject(mockProject);
const wrapper = mountView(); const wrapper = mountView();
@@ -95,7 +95,7 @@ describe('AuditLogsView', () => {
}); });
const contextStore = useContextStore(); const contextStore = useContextStore();
contextStore.setOrganization({ id: 1, name: 'Acme', createdAt: '' }); contextStore.setOrganization({ id: 1, name: 'Acme', createdAt: '', isPrimary: false });
contextStore.setProject(mockProject); contextStore.setProject(mockProject);
const wrapper = mountView(); const wrapper = mountView();
@@ -120,7 +120,7 @@ describe('AuditLogsView', () => {
}); });
const contextStore = useContextStore(); const contextStore = useContextStore();
contextStore.setOrganization({ id: 1, name: 'Acme', createdAt: '' }); contextStore.setOrganization({ id: 1, name: 'Acme', createdAt: '', isPrimary: false });
contextStore.setProject(mockProject); contextStore.setProject(mockProject);
const wrapper = mountView(); const wrapper = mountView();
@@ -145,7 +145,7 @@ describe('AuditLogsView', () => {
}); });
const contextStore = useContextStore(); const contextStore = useContextStore();
contextStore.setOrganization({ id: 1, name: 'Acme', createdAt: '' }); contextStore.setOrganization({ id: 1, name: 'Acme', createdAt: '', isPrimary: false });
contextStore.setProject(mockProject); contextStore.setProject(mockProject);
const wrapper = mountView(); const wrapper = mountView();
@@ -170,7 +170,7 @@ describe('AuditLogsView', () => {
}); });
const contextStore = useContextStore(); const contextStore = useContextStore();
contextStore.setOrganization({ id: 1, name: 'Acme', createdAt: '' }); contextStore.setOrganization({ id: 1, name: 'Acme', createdAt: '', isPrimary: false });
contextStore.setProject(mockProject); contextStore.setProject(mockProject);
const wrapper = mountView(); const wrapper = mountView();
@@ -195,7 +195,7 @@ describe('AuditLogsView', () => {
}); });
const contextStore = useContextStore(); const contextStore = useContextStore();
contextStore.setOrganization({ id: 1, name: 'Acme', createdAt: '' }); contextStore.setOrganization({ id: 1, name: 'Acme', createdAt: '', isPrimary: false });
contextStore.setProject(mockProject); contextStore.setProject(mockProject);
const wrapper = mountView(); const wrapper = mountView();

View File

@@ -58,7 +58,7 @@ describe('FeaturesView', () => {
jest.mocked(featureStatesApi.listFeatureStates).mockResolvedValue(mockStates); jest.mocked(featureStatesApi.listFeatureStates).mockResolvedValue(mockStates);
const contextStore = useContextStore(); const contextStore = useContextStore();
contextStore.setOrganization({ id: 1, name: 'Acme', createdAt: '' }); contextStore.setOrganization({ id: 1, name: 'Acme', createdAt: '', isPrimary: false });
contextStore.setProject(mockProject); contextStore.setProject(mockProject);
contextStore.setEnvironment(mockEnv); contextStore.setEnvironment(mockEnv);
@@ -74,7 +74,7 @@ describe('FeaturesView', () => {
jest.mocked(featureStatesApi.listFeatureStates).mockResolvedValue(mockStates); jest.mocked(featureStatesApi.listFeatureStates).mockResolvedValue(mockStates);
const contextStore = useContextStore(); const contextStore = useContextStore();
contextStore.setOrganization({ id: 1, name: 'Acme', createdAt: '' }); contextStore.setOrganization({ id: 1, name: 'Acme', createdAt: '', isPrimary: false });
contextStore.setProject(mockProject); contextStore.setProject(mockProject);
const wrapper = mountView(); const wrapper = mountView();
@@ -92,7 +92,7 @@ describe('FeaturesView', () => {
jest.mocked(featureStatesApi.patchFeatureState).mockResolvedValue({ ...mockStates[0], enabled: true }); jest.mocked(featureStatesApi.patchFeatureState).mockResolvedValue({ ...mockStates[0], enabled: true });
const contextStore = useContextStore(); const contextStore = useContextStore();
contextStore.setOrganization({ id: 1, name: 'Acme', createdAt: '' }); contextStore.setOrganization({ id: 1, name: 'Acme', createdAt: '', isPrimary: false });
contextStore.setProject(mockProject); contextStore.setProject(mockProject);
contextStore.setEnvironment(mockEnv); contextStore.setEnvironment(mockEnv);
@@ -115,7 +115,7 @@ describe('FeaturesView', () => {
jest.mocked(featureStatesApi.listFeatureStates).mockResolvedValue([]); jest.mocked(featureStatesApi.listFeatureStates).mockResolvedValue([]);
const contextStore = useContextStore(); const contextStore = useContextStore();
contextStore.setOrganization({ id: 1, name: 'Acme', createdAt: '' }); contextStore.setOrganization({ id: 1, name: 'Acme', createdAt: '', isPrimary: false });
contextStore.setProject(mockProject); contextStore.setProject(mockProject);
const wrapper = mountView(); const wrapper = mountView();

View File

@@ -57,7 +57,7 @@ describe('IdentitiesView', () => {
}); });
const contextStore = useContextStore(); const contextStore = useContextStore();
contextStore.setOrganization({ id: 1, name: 'Acme', createdAt: '' }); contextStore.setOrganization({ id: 1, name: 'Acme', createdAt: '', isPrimary: false });
contextStore.setProject(mockProject); contextStore.setProject(mockProject);
contextStore.setEnvironment(mockEnv); contextStore.setEnvironment(mockEnv);
@@ -73,7 +73,7 @@ describe('IdentitiesView', () => {
}); });
const contextStore = useContextStore(); const contextStore = useContextStore();
contextStore.setOrganization({ id: 1, name: 'Acme', createdAt: '' }); contextStore.setOrganization({ id: 1, name: 'Acme', createdAt: '', isPrimary: false });
contextStore.setProject(mockProject); contextStore.setProject(mockProject);
contextStore.setEnvironment(mockEnv); contextStore.setEnvironment(mockEnv);
@@ -91,7 +91,7 @@ describe('IdentitiesView', () => {
}); });
const contextStore = useContextStore(); const contextStore = useContextStore();
contextStore.setOrganization({ id: 1, name: 'Acme', createdAt: '' }); contextStore.setOrganization({ id: 1, name: 'Acme', createdAt: '', isPrimary: false });
contextStore.setProject(mockProject); contextStore.setProject(mockProject);
contextStore.setEnvironment(mockEnv); contextStore.setEnvironment(mockEnv);
@@ -115,7 +115,7 @@ describe('IdentitiesView', () => {
}); });
const contextStore = useContextStore(); const contextStore = useContextStore();
contextStore.setOrganization({ id: 1, name: 'Acme', createdAt: '' }); contextStore.setOrganization({ id: 1, name: 'Acme', createdAt: '', isPrimary: false });
contextStore.setProject(mockProject); contextStore.setProject(mockProject);
contextStore.setEnvironment(mockEnv); contextStore.setEnvironment(mockEnv);
@@ -137,7 +137,7 @@ describe('IdentitiesView', () => {
}); });
const contextStore = useContextStore(); const contextStore = useContextStore();
contextStore.setOrganization({ id: 1, name: 'Acme', createdAt: '' }); contextStore.setOrganization({ id: 1, name: 'Acme', createdAt: '', isPrimary: false });
contextStore.setProject(mockProject); contextStore.setProject(mockProject);
contextStore.setEnvironment(mockEnv); contextStore.setEnvironment(mockEnv);
@@ -163,7 +163,7 @@ describe('IdentitiesView', () => {
}); });
const contextStore = useContextStore(); const contextStore = useContextStore();
contextStore.setOrganization({ id: 1, name: 'Acme', createdAt: '' }); contextStore.setOrganization({ id: 1, name: 'Acme', createdAt: '', isPrimary: false });
contextStore.setProject(mockProject); contextStore.setProject(mockProject);
contextStore.setEnvironment(mockEnv); contextStore.setEnvironment(mockEnv);

View File

@@ -44,7 +44,7 @@ describe('ProfileView', () => {
it('ThenOrgNameIsDisplayedWhenSelected', () => { it('ThenOrgNameIsDisplayedWhenSelected', () => {
const { wrapper } = mountView(); const { wrapper } = mountView();
const contextStore = useContextStore(); const contextStore = useContextStore();
contextStore.setOrganization({ id: 1, name: 'Acme Corp', createdAt: '' }); contextStore.setOrganization({ id: 1, name: 'Acme Corp', createdAt: '', isPrimary: false });
expect(wrapper.find('[data-testid="profile-org-name"]').exists()).toBe(false); // org name shown in v-if block expect(wrapper.find('[data-testid="profile-org-name"]').exists()).toBe(false); // org name shown in v-if block
}); });

View File

@@ -61,7 +61,7 @@ describe('SegmentsView', () => {
jest.mocked(segmentsApi.listSegments).mockResolvedValue(mockSegments); jest.mocked(segmentsApi.listSegments).mockResolvedValue(mockSegments);
const contextStore = useContextStore(); const contextStore = useContextStore();
contextStore.setOrganization({ id: 1, name: 'Acme', createdAt: '' }); contextStore.setOrganization({ id: 1, name: 'Acme', createdAt: '', isPrimary: false });
contextStore.setProject(mockProject); contextStore.setProject(mockProject);
mountView(); mountView();
@@ -74,7 +74,7 @@ describe('SegmentsView', () => {
jest.mocked(segmentsApi.listSegments).mockResolvedValue(mockSegments); jest.mocked(segmentsApi.listSegments).mockResolvedValue(mockSegments);
const contextStore = useContextStore(); const contextStore = useContextStore();
contextStore.setOrganization({ id: 1, name: 'Acme', createdAt: '' }); contextStore.setOrganization({ id: 1, name: 'Acme', createdAt: '', isPrimary: false });
contextStore.setProject(mockProject); contextStore.setProject(mockProject);
const wrapper = mountView(); const wrapper = mountView();
@@ -88,7 +88,7 @@ describe('SegmentsView', () => {
jest.mocked(segmentsApi.listSegments).mockResolvedValue(mockSegments); jest.mocked(segmentsApi.listSegments).mockResolvedValue(mockSegments);
const contextStore = useContextStore(); const contextStore = useContextStore();
contextStore.setOrganization({ id: 1, name: 'Acme', createdAt: '' }); contextStore.setOrganization({ id: 1, name: 'Acme', createdAt: '', isPrimary: false });
contextStore.setProject(mockProject); contextStore.setProject(mockProject);
const wrapper = mountView(); const wrapper = mountView();
@@ -104,7 +104,7 @@ describe('SegmentsView', () => {
jest.mocked(segmentsApi.listSegments).mockResolvedValue([]); jest.mocked(segmentsApi.listSegments).mockResolvedValue([]);
const contextStore = useContextStore(); const contextStore = useContextStore();
contextStore.setOrganization({ id: 1, name: 'Acme', createdAt: '' }); contextStore.setOrganization({ id: 1, name: 'Acme', createdAt: '', isPrimary: false });
contextStore.setProject(mockProject); contextStore.setProject(mockProject);
const wrapper = mountView(); const wrapper = mountView();
@@ -123,7 +123,7 @@ describe('SegmentsView', () => {
jest.mocked(segmentsApi.listSegments).mockResolvedValue(mockSegments); jest.mocked(segmentsApi.listSegments).mockResolvedValue(mockSegments);
const contextStore = useContextStore(); const contextStore = useContextStore();
contextStore.setOrganization({ id: 1, name: 'Acme', createdAt: '' }); contextStore.setOrganization({ id: 1, name: 'Acme', createdAt: '', isPrimary: false });
contextStore.setProject(mockProject); contextStore.setProject(mockProject);
const wrapper = mountView(); const wrapper = mountView();
@@ -143,7 +143,7 @@ describe('SegmentsView', () => {
jest.mocked(segmentsApi.deleteSegment).mockResolvedValue(undefined); jest.mocked(segmentsApi.deleteSegment).mockResolvedValue(undefined);
const contextStore = useContextStore(); const contextStore = useContextStore();
contextStore.setOrganization({ id: 1, name: 'Acme', createdAt: '' }); contextStore.setOrganization({ id: 1, name: 'Acme', createdAt: '', isPrimary: false });
contextStore.setProject(mockProject); contextStore.setProject(mockProject);
const wrapper = mountView(); const wrapper = mountView();
@@ -172,7 +172,7 @@ describe('SegmentsView', () => {
jest.mocked(segmentsApi.deleteSegment).mockResolvedValue(undefined); jest.mocked(segmentsApi.deleteSegment).mockResolvedValue(undefined);
const contextStore = useContextStore(); const contextStore = useContextStore();
contextStore.setOrganization({ id: 1, name: 'Acme', createdAt: '' }); contextStore.setOrganization({ id: 1, name: 'Acme', createdAt: '', isPrimary: false });
contextStore.setProject(mockProject); contextStore.setProject(mockProject);
const wrapper = mountView(); const wrapper = mountView();
@@ -196,7 +196,7 @@ describe('SegmentsView', () => {
jest.mocked(segmentsApi.listSegments).mockResolvedValue([]); jest.mocked(segmentsApi.listSegments).mockResolvedValue([]);
const contextStore = useContextStore(); const contextStore = useContextStore();
contextStore.setOrganization({ id: 1, name: 'Acme', createdAt: '' }); contextStore.setOrganization({ id: 1, name: 'Acme', createdAt: '', isPrimary: false });
contextStore.setProject(mockProject); contextStore.setProject(mockProject);
const wrapper = mountView(); const wrapper = mountView();
@@ -214,7 +214,7 @@ describe('SegmentsView', () => {
jest.mocked(segmentsApi.listSegments).mockResolvedValue([...mockSegments]); jest.mocked(segmentsApi.listSegments).mockResolvedValue([...mockSegments]);
const contextStore = useContextStore(); const contextStore = useContextStore();
contextStore.setOrganization({ id: 1, name: 'Acme', createdAt: '' }); contextStore.setOrganization({ id: 1, name: 'Acme', createdAt: '', isPrimary: false });
contextStore.setProject(mockProject); contextStore.setProject(mockProject);
const wrapper = mountView(); const wrapper = mountView();

View File

@@ -26,7 +26,7 @@ import * as environmentsApi from '@/api/environments';
import * as apiKeysApi from '@/api/apiKeys'; import * as apiKeysApi from '@/api/apiKeys';
import * as webhooksApi from '@/api/webhooks'; import * as webhooksApi from '@/api/webhooks';
const mockOrg: OrganizationResponse = { id: 1, name: 'Acme', createdAt: '2026-01-01T00:00:00Z' }; const mockOrg: OrganizationResponse = { id: 1, name: 'Acme', createdAt: '2026-01-01T00:00:00Z', isPrimary: false };
const mockProject: ProjectResponse = { id: 10, name: 'Website', organizationId: 1, hideDisabledFlags: false, createdAt: '2026-01-01T00:00:00Z' }; const mockProject: ProjectResponse = { id: 10, name: 'Website', organizationId: 1, hideDisabledFlags: false, createdAt: '2026-01-01T00:00:00Z' };
const mockEnvs: EnvironmentResponse[] = [ const mockEnvs: EnvironmentResponse[] = [
{ id: 100, name: 'Development', apiKey: 'env-dev', projectId: 10, createdAt: '2026-01-01T00:00:00Z' }, { id: 100, name: 'Development', apiKey: 'env-dev', projectId: 10, createdAt: '2026-01-01T00:00:00Z' },