vulcan9
commented
2 years ago 콤포넌트 호환성 문제
캡슐화 (3.0.3 vs 3.0.26)
3.0.26 변경 사항
- 콤포넌트에서 사용되는 list 형식 지원 (3.0.26 이후 지원 안함)
- element에도 캡슐화 적용할 수 있게 되었음
- group 캡슐화 데이터 type 변경됨 (3.0.26 이후 캡슐화 UI 및 내용이 변경됬음)
- legacy 콤포넌트, 템플릿의 데이터 변환 (페이지 삽입시 데이터 변환) 필요해짐
테스트 사항
- render에서 사용될때 사용자 설정값(values 값)의 데이터 type이 이전 버전과 같아야함
- 콤포넌트 동작이 같아야 함 (데이터 type이 같게 출력되면 동작도 같을 것임)
- 캡슐화 데이터 출판 관련된 사항은 없음 (3.0.3 버전은 캡슐화 데이터 출판 기능 없음)
- 퀴즈 콤포넌트 동작 관련 없음 (퀴즈 콤포넌트는 3.0.26 이후 버전에 만들어짐)
이슈
-
캡슐화 데이터를 type 변환할 것인지 문자열로 출력할 것인지
- 콤포넌트 코드에서 사용되므로 중요함
- 3.0.3 버전에서 data type을 추론해서 형 변환 시켜주고 있음
- 형변환 결과가 3.0.26에서도 똑같이 유지되되도록 해줘야함
-
이전 버전(~ 3.1.15)은 묵시적으로 형변환을 시켜 줬었음
- (콤포넌트) 캡슐화 할때 type과 value가 잘 맞으면 사용하는 코드에서도 문제는 안생김
- 형 변환할때 부수효과 나타날 가능성 있음
- Number(true) --> 1
- Boolean(0) --> false, Boolean('0') --> true
-
문자열로 출력하는 것이 정석이지만... (형 변환은 코드 작성자가...)
- 하위 버전 호환을 위해 형변환 해줌
// 형 변환됨 --> 형 변환 결과를 예측하기 어려움 // [{label: '', value: 1}, {label: '', value: true}, {label: '', value: 'a'}] // 모두 문자열 // [{label: '', value: '1'}, {label: '', value: 'true'}, {label: '', value: 'a'}]
- 하위 버전 호환을 위해 형변환 해줌
캡슐화 (3.0.26 vs 3.1.26)
퀴즈 콤포넌트 호환성 문제 발생하는지 확인하기위해 테스트함
테스트 사항
- 캡슐화 데이터 출판 결과 같아야함
- render에서 사용될때 사용자 설정값(values 값)의 데이터 type이 이전 버전과 같아야함
테스트 내용 요약
캡슐화 테스트 (3.0.3 vs 3.1.26)
-
번들 컴포넌트, 템플릿 모두 삽입
- 페이지에서 로그 출력 결과 같아야함
-
캡슐화 편집기에서 항목별로 데이터 생성 (3.0.3)
- 3.0.3 로그 출력 vs 3.1.26에서 불러오기 후 로그 출력
- 페이지에서 로그 출력 결과 같아야함
캡슐화 테스트 (3.0.26 vs 3.1.26)
-
번들 컴포넌트 모두 삽입
- 페이지에서 로그 출력 결과 같아야함
- 캡슐화 데이터 추출 결과 같아야함
-
퀴즈 컴포넌트 모두 삽입
- 페이지에서 로그 출력 결과 같아야함
- 캡슐화 데이터 추출 결과 같아야함
-
캡슐화 편집기에서 항목별로 데이터 생성 (3.0.26)
- 3.0.26에서 생성 vs 3.1.26에서 생성
- 페이지에서 로그 출력 결과 같아야함
- 캡슐화 데이터 추출 결과 같아야함
참고 사항
3.0.26 캡슐화 출판 안되는 버그 있음. 수정 후 테스트함
// filter: function (t, e) { 코드 근처 수정 부분
: "object" === e.type && (n = {}, (
( (Array.isArray(t)?t:[]).forEach(function (e) {n[e.label] = e.value}))
), t = n), o[i] = t
재연 방법
번들 콤포넌트를 페이지에 삽입한 후 캡슐화 목록을 보면 표시되지 않은 항목이 발생함 (list 형식의 목록)
3.0.3 버전에서 불러옴 (정상 )
3.10.26 버전에서 불러옴 (일부 항목 안나타남)
미리보기에서도 콤포넌트의 동작이 다른 부분이 있음