feat: Update e2e tests to run on new canvas (no-changelog) (#12784)

packages/editor-ui/src/components/RunData.vue

@@ -1431,7 +1431,7 @@ defineExpose({ enterEditMode });
 					</template>
 					<N8nIconButton
 						:icon="linkedRuns ? 'unlink' : 'link'"
-						class="linkRun"
+						:class="['linkRun', linkedRuns ? 'linked' : '']"
 						text
 						type="tertiary"
 						size="small"

packages/editor-ui/src/composables/useKeybindings.ts

@@ -102,8 +102,8 @@ export const useKeybindings = (
 	function toShortcutString(event: KeyboardEvent) {
 		const { shiftKey, altKey } = event;
 		const ctrlKey = isCtrlKeyPressed(event);
-		const keys = [event.key];
-		const codes = [keyboardEventCodeToKey(event.code)];
+		const keys = 'key' in event ? [event.key] : [];
+		const codes = 'code' in event ? [keyboardEventCodeToKey(event.code)] : [];
 		const modifiers: string[] = [];
 
 		if (shiftKey) {

packages/editor-ui/src/stores/usage.store.ts

@@ -35,7 +35,7 @@ export const useUsageStore = defineStore('usage', () => {
 	const rootStore = useRootStore();
 	const settingsStore = useSettingsStore();
 
-	const state = reactive<UsageState>(DEFAULT_STATE);
+	const state = reactive<UsageState>({ ...DEFAULT_STATE });
 
 	const planName = computed(() => state.data.license.planName || DEFAULT_PLAN_NAME);
 	const planId = computed(() => state.data.license.planId);

packages/editor-ui/src/views/NodeView.v2.vue

@@ -349,7 +349,9 @@ async function initializeRoute(force = false) {
 		if (!isAlreadyInitialized) {
 			historyStore.reset();
 
-			await loadCredentials();
+			if (!isDemoRoute.value) {
+				await loadCredentials();
+			}
 
 			// If there is no workflow id, treat it as a new workflow
 			if (isNewWorkflowRoute.value || !workflowId.value) {